存档
使用Google AjaxLib API托管的js库
本文简要介绍Google AjaxLib API,并以jQuery为例说明如何在自己的网页中引入由Google提供个CDN托管的jQuery库。
-----------------------------
现在很多人都已经开始习惯于基于各种各样的JS库来编写自己的Javascript,其中尤其以jQuery最多。别的不说,有了jQuery,至少让我们控制页面元素更加方便快捷,让我们在编写js的时候不需要过多地考虑浏览器特性问题了。
CSS居然可以这样用
睡觉前,NT给我发了两个网址,是老外的,那个家伙暴强,居然用纯CSS在页面上画出房子来,平面的、3D的,都画出来了。
看了一下他的CSS代码,一开始以为是这样用:
.class{
width:100px;
width:60px;
height:200px;
height:160px;
}
后来发现其实一些特殊图形的绘制跟上面的这个怪异的用法没关系,而是用边框来实现的,比如:
这三个形状除了Div,没有任何其它的元素或者文本,更不用说图形了。这是充分利用了border的显示特性。因为当我们同时设置四个方向的border时,浏览器自动会把交叉的部分叠加或者相互剪除。当border足够大的时候,我们就看到了上面这样的特殊效果。谁能想象到这是4个200像素的边框形成的效果呢?
代码如下:
<div style="BORDER-RIGHT: #ff0 50px ridge; BORDER-TOP: #f00 50px ridge; FLOAT: left; MARGIN: 10px; BORDER-LEFT: #0f0 50px ridge; WIDTH: 1px; BORDER-BOTTOM: #00f 50px ridge; HEIGHT: 1px"> </div>
<div style="BORDER-RIGHT: #ff0 50px groove; BORDER-TOP: #f00 50px groove; FLOAT: left; MARGIN: 10px; BORDER-LEFT: #0f0 50px groove; WIDTH: 1px; BORDER-BOTTOM: #00f 50px groove; HEIGHT: 1px"> </div>
<div style="BORDER-RIGHT: #ff0 50px double; BORDER-TOP: #f00 50px double; FLOAT: left; MARGIN: 10px; BORDER-LEFT: #0f0 50px double; WIDTH: 1px; BORDER-BOTTOM: #00f 50px double; HEIGHT: 1px"> </div>
CSS:模拟Windows窗口及DIV居中
利用CSS,尝试做了一个仿Windows窗口的横向纵向均居中的Div效果:
效果图如下:
以下是完整源代码:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>动易远程接口中转</title>
<style type="text/css">
<!–
body {margin:0px;background:#ccc;height:auto;font: 9pt Tahoma;text-align:center;color: #000;}
#outbox {position:absolute;z-index:888;top:50%;left:50%;margin:-120px 0 0 -200px;width:400px;height:auto;background:#D4D0C8;border:1px solid #ccc;}
#title,#body,#bottom {border-top:1px solid #ddd;border-bottom:1px solid #999;border-right:1px solid #999;border-left:1px solid #ddd;}#title {line-height:28px;background:#c4c0c8;}
#body {height:150px;text-align:left;padding:10px 10px;}
#bottom {height:30px;padding:2px}
#input {top:0px;bottom:0px;}
–>
</style>
</head>
<body>
<div id="outbox">
<div id="title">正在进行通行证操作</div>
<div id="body">
<p>正在进行远程数据同步,请勿刷新页面!</p>
<ul>
<li id="api">论坛数据同步中</li>
<li id="powereasy">本站操作已完成!</li>
</ul>
</div>
<div id="bottom">
<input onclick="location.href='index.asp'" id="confirm" type="button" value="点击返回" style="display:none" />
</div>
</div>
<script type="text/javascript" language="JavaScript"> document.getElementById("api").innerHTML = "通行证操作成功!"; document.getElementById("confirm").removeAttribute("style");</script>
</body>
</html>
ASP中的数字和字符比较
昨晚和老迷聊天聊到很晚,说到一个把字符串转换为数字进行比较的问题。老迷说他喜欢保持字符串本身的类型,进行字符串的匹配比较,而不喜欢把字符串强制转换为数字进行比较。
一开始我不太明白这到底有什么区别,比如
a = "1"
If a = 1 Then
’Something
End If
和
a = "1"
If a = "1" Then
’Something
End If 阅读全文…
用ASP为blog程序编写Trackback功能
作为所谓的Blog三大特征之一的Trackback Ping,在网络上并没有一个真正的规范,它实际上最早是在Moveable发明并开始运用的一种技术,与另外两项被广泛认为是Blog最主要特征的RSS和Permalink相比,RSS本质上是是一种遵循W3C RDF规范的XML格式,Permalink是一种非常通用的静态地址技术,而Trackback Ping目前为止仅仅是在blog程序中得到运用,除了Moveable的一份技术规范文档外,也没有什么权威的标准,尤其在国内,众多blog程序有的支持有的不支持,有的有限支持,甚至还有因标准不一致而不能互相通信的(参见《blog is dead(blog已死)》)。 阅读全文…


最新评论