简单、通用的JQuery Tab实现
2009年4月13日
没有评论
存档
文章标签 ‘代码’
使用Google AjaxLib API托管的js库
2009年4月5日
没有评论
本文简要介绍Google AjaxLib API，并以jQuery为例说明如何在自己的网页中引入由Google提供个CDN托管的jQuery库。
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
现在很多人都已经开始习惯于基于各种各样的JS库来编写自己的Javascript，其中尤其以jQuery最多。别的不说，有了jQuery，至少让我们控制页面元素更加方便快捷，让我们在编写js的时候不需要过多地考虑浏览器特性问题了。
CSS居然可以这样用
2006年4月16日
5 条评论
睡觉前，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居中
2006年3月28日
没有评论
利用CSS，尝试做了一个仿Windows窗口的横向纵向均居中的Div效果：
效果图如下：
以下是完整源代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<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>
<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中的数字和字符比较
2005年11月23日
2 条评论
昨晚和老迷聊天聊到很晚，说到一个把字符串转换为数字进行比较的问题。老迷说他喜欢保持字符串本身的类型，进行字符串的匹配比较，而不喜欢把字符串强制转换为数字进行比较。
一开始我不太明白这到底有什么区别，比如
a = "1"
If a = 1 Then
’Something
End If
和
a = "1"
If a = "1" Then
’Something
End If 阅读全文…
用ASP为blog程序编写Trackback功能
2005年11月18日
没有评论
作为所谓的Blog三大特征之一的Trackback Ping，在网络上并没有一个真正的规范，它实际上最早是在Moveable发明并开始运用的一种技术，与另外两项被广泛认为是Blog最主要特征的RSS和Permalink相比，RSS本质上是是一种遵循W3C RDF规范的XML格式，Permalink是一种非常通用的静态地址技术，而Trackback Ping目前为止仅仅是在blog程序中得到运用，除了Moveable的一份技术规范文档外，也没有什么权威的标准，尤其在国内，众多blog程序有的支持有的不支持，有的有限支持，甚至还有因标准不一致而不能互相通信的(参见《blog is dead(blog已死)》)。 阅读全文…
最新评论