<![CDATA[老黑]]> http://www.blackliu.com/ zh-cn Mon, 21 May 2012 08:51:25 +0800 60 http://www.blackliu.com/art/html/66/ <![CDATA[鼠标移过图片变清晰效果]]>
提示：可以先修改部分代码后再运行

]]> http://www.blackliu.com/art/html/66/ Fri, 03 Jul 2009 23:55:06 +0800 http://www.blackliu.com/art/html/65/ <![CDATA[用相对定位和负向移动完成图片象框阴影]]>
提示：可以先修改部分代码后再运行

]]> http://www.blackliu.com/art/html/65/ Fri, 03 Jul 2009 23:47:52 +0800 http://www.blackliu.com/art/html/64/ <![CDATA[记录并显示网页的最后修改时间]]>
提示：可以先修改部分代码后再运行

]]> http://www.blackliu.com/art/html/64/ Fri, 03 Jul 2009 23:43:12 +0800 http://www.blackliu.com/art/html/63/ <![CDATA[JS节日倒计时效果]]>
提示：可以先修改部分代码后再运行

]]> http://www.blackliu.com/art/html/63/ Fri, 03 Jul 2009 23:41:34 +0800 http://www.blackliu.com/art/html/62/ <![CDATA[可以输入当前的时间一款日期输入控件]]>
提示：可以先修改部分代码后再运行

]]> http://www.blackliu.com/art/html/62/ Fri, 03 Jul 2009 23:40:23 +0800 http://www.blackliu.com/art/html/61/ <![CDATA[漂亮的脚本日历]]>
提示：可以先修改部分代码后再运行

]]> http://www.blackliu.com/art/html/61/ Fri, 03 Jul 2009 23:34:01 +0800 http://www.blackliu.com/art/html/60/ <![CDATA[实时变化的时间特效]]>
提示：可以先修改部分代码后再运行

]]> http://www.blackliu.com/art/html/60/ Fri, 03 Jul 2009 23:32:26 +0800 http://www.blackliu.com/art/html/59/ <![CDATA[1900-2100 两百年超酷百年日历]]>
提示：可以先修改部分代码后再运行

]]> http://www.blackliu.com/art/html/59/ Fri, 03 Jul 2009 23:30:56 +0800 http://www.blackliu.com/art/html/58/ <![CDATA[三个最常用的JS时间特效]]>
提示：可以先修改部分代码后再运行

]]> http://www.blackliu.com/art/html/58/ Fri, 03 Jul 2009 23:28:02 +0800 http://www.blackliu.com/art/html/57/ <![CDATA[效果超酷的textarea的输入字数限制及提示]]>
提示：可以先修改部分代码后再运行

]]> http://www.blackliu.com/art/html/57/ Fri, 03 Jul 2009 23:21:18 +0800 http://www.blackliu.com/art/html/56/ <![CDATA[鼠标经过input时的颜色发生变化]]>
提示：可以先修改部分代码后再运行

]]> http://www.blackliu.com/art/html/56/ Fri, 03 Jul 2009 23:18:03 +0800 http://www.blackliu.com/art/html/55/ <![CDATA[可选择Email和用户名登录的代码]]>
提示：可以先修改部分代码后再运行

]]> http://www.blackliu.com/art/html/55/ Fri, 03 Jul 2009 23:10:01 +0800 http://www.blackliu.com/art/html/54/ <![CDATA[防止被IFRAME嵌套并自动跳到首页代码]]>
提示：可以先修改部分代码后再运行

测试方法：A站全站调用此JS，然后在B站网页IFRAME嵌套A站，浏览B站嵌套页面，即会跳转到A站。

]]> http://www.blackliu.com/art/html/54/ Fri, 03 Jul 2009 23:07:39 +0800 http://www.blackliu.com/art/html/53/ <![CDATA[CSS自适应宽度按钮]]>
提示：可以先修改部分代码后再运行

先来看张图片：

image

原理就是通过背景的左对齐和右对齐用A标签和span标签组合出一个完整的圆角矩形。再通过hover标签去滑动图片。ok，看看代码吧。

CSS:

*{margin:0; padding:0;}
body{padding:10px; font-size:12px;}
h1{margin:0; padding:10px 0; font-size:14px; font-weight:bold;}
a{background:url(1.gif) left 0; color:#fff; text-decoration:none; height:30px; float:left; cursor:hand; margin:0 5px 0 0;}
a:hover{background:url(1.gif) left -30px;height:30px;}
a span{background:url(1.gif) right 0; padding:7px 8px 7px 0; margin:0 0 0 8px; float:left; height:16px;}
a:hover span{background:url(1.gif) right -30px; color:#000; padding:7px 8px 7px 0; margin:0 0 0 8px; height:16px; }

HTML:

<body>
<h1><strong>CSS自适应宽度圆角按钮 @5key.net</strong></h1>
<a href="#"><span>首页</span></a>
<a href="#"><span>不是首页</span></a>
<a href="#"><span>他也许是首页</span></a>
<a href="#"><span>但他一定不是首页</span></a>
<a href="#"><span>好了，就这样把。别扯了~</span></a>
</body>

用到的图片：

image

]]> http://www.blackliu.com/art/html/53/ Fri, 03 Jul 2009 23:01:31 +0800 http://www.blackliu.com/art/html/52/ <![CDATA[3种风格的AJAX左右切换内容]]>
提示：可以先修改部分代码后再运行

]]> http://www.blackliu.com/art/html/52/ Fri, 03 Jul 2009 22:58:07 +0800 http://www.blackliu.com/art/html/51/ <![CDATA[图片不存在的时候，显示一个默认图片]]>
提示：可以先修改部分代码后再运行

图片不存在的时候，显示一个默认图片，通过这个方法，就可以实现当没有图片或图片丢失的情况，显示一个默认图片。以后，不用通过程序来判断图片是否存在了。

]]> http://www.blackliu.com/art/html/51/ Fri, 03 Jul 2009 22:51:52 +0800 http://www.blackliu.com/art/html/50/ <![CDATA[一漂亮的导航下拉菜单]]> 下拉菜单由于实用，所以受到人们的欢迎。看到很多社区类的网站都使用这样式的下拉菜单，于是就摘自出来效果以便学习。这类下拉菜单大致是这样的：横向布局，适合作网站导航条，鼠标放上更换菜单背景，用户体验极好，而且对各类浏览器下兼容性极好。

提示：可以先修改部分代码后再运行

]]> http://www.blackliu.com/art/html/50/ Tue, 12 May 2009 17:16:33 +0800 http://www.blackliu.com/art/html/49/ <![CDATA[网站首页head区代码规范]]> head区是指首页HTML代码的<head>和</head>之间的内容。
必须加入的标签

1.公司版权注释
<!--- The site is designed by Maketown,Inc 06/2000 --->

2.网页显示字符集
简体中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
繁体中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5">
英 语：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">

3.网页制作者信息
<META name="author" content="hhlong.com">

4.网站简介
<META NAME="DESCRIPTION" CONTENT="xxxxxxxxxxxxxxxxxxxxxxxxxx">

5.搜索关键字
<META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,">

6.网页的css规范
<LINK href="style/style.css" rel="stylesheet" type="text/css">

7.网页标题
<title>xxxxxxxxxxxxxxxxxx</title>

.可以选择加入的标签

1.设定网页的到期时间。一旦网页过期，必须到服务器上重新调阅。
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">

2.禁止浏览器从本地机的缓存中调阅页面内容。
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">

3.用来防止别人在框架里调用你的页面。
<META HTTP-EQUIV="Window-target" CONTENT="_top">

4.自动跳转。
<META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.hhlong.com">
5指时间停留5秒。

5.网页搜索机器人向导.用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。
<META NAME="robots" CONTENT="none">
CONTENT的参数有all,none,index,noindex,follow,nofollow。默认是all。

6.收藏夹图标
<link rel = "Shortcut Icon" href="favicon.ico">

所有的javascript的调用尽量采取外部调用.
<SCRIPT LANGUAGE="javascript" SRC="script/xxxxx.js"></SCRIPT>

]]> http://www.blackliu.com/art/html/49/ Sat, 04 Apr 2009 20:29:11 +0800 http://www.blackliu.com/art/html/48/ <![CDATA[Access转SqlServer的注意事项]]> 1、自动增加字段需要重写。在access中经常使用的自动编号字段，导入到mssql后，他并不是自增型的int，需要手工设置，把导入后的自动编号字段的标识的“否”改为“是”，“种子”和“递增量”都为“1”，才能成为自动编号。

2、所有的默认值都丢失了。主要是数字类型和日期类型

3、所有now()，time()，date()要改成getdate()

4、所有datediff('d', time1, time2)要改成datediff(day, time1, time2)

5、所有datediff('ww', time1, time2)要改成datediff(week, time1, time2)

6、所有datediff('d', time1, time2)要改成datediff(day, time1, time2)

7、在mssql server中，有许多保留字，在access中是没有的，当你把数据导入到mssql的时候，问题就出来了。mssql在导入的时候，会自动给这些字段（包括数据库中的表名）加上“[字段名]”，因此，你必须修改你的脚本，把相应的字段名字（或者表名字）加上中括号，或改变字段名字为不是mssql的保留字

8、在用access关于时间的使用，大家喜欢使用“select * from aaaa while time="&now()”这样的sql语句，然而，在mssql中没有“now()”这个函数，而是使用“getdate()”，所以，所有的sql语句中的“now()”必须换成“getdate()”。

9、日期函数不相同，在对ACCESS数据库处理中，可用date()、time()等函数，但对
SQL SERVER数据库处理中，只能用datediff,dateadd等函数，而不能用date()、time()等函数。

10、转化时，跟日期有关的字段，SQL SERVER默认为smalldatetime型，我们最好将它变为datetime型，因为datetime型的范围比smalldatetime型大。有时用smalldatetime型时，转化失败，而用datetime型时，转化成功

11、isnull(rowname)要改成rowname = null

12、CursorType要改成1,也就是打开数据库时要给出第一个数字参数为1，否则记录可能显示不完整

13、备注类型要通过cast(column as varchar)来使用

14、true/false类型不能使用，要变为1/0

15、对此两种数据库进行操作的sql语句不全相同，例如：在对ACCESS数据库进行删除纪录时用："delete * from user where ,而对SQL SERVER数据库进行删除是用："delete user where .

16、在对ACCESS数据库处理中,sql语句中直接可以用一些VB的函数，像cstr()函数，而对SQL SERVER数据库处理中，却不能用

17、在access的sql语句中的时间使用变量查询的时候，大家一般使用"select * from aaaa while time=#"&变量名&"#"，在mssql中是不行的，他的语法是“select * from aaaa while time='"&变量名&"'"”。（意思是让你把日期时间变量当成字符串来使用，呵呵~~~）

18、原来ASP里的“Delete * FROM ……”要改为“Delete FROM ……”

19、有可能rs.update失败，修改成update 表名 set 字段=‘值’ 这样通过（遇到的情况，提示为：
Microsoft OLE DB Provider for SQL Server 错误 '80040e38' 乐观并发检查失败。已在此游标之外修改了该行。

20、access里面除法可以使用"\"或者"/"，MSSQL里面只能使用"/"

21、请在SqlServer中建立主键
（错误可能是：ADODB.Recordset 错误 '800a0cb3'

当前 Recordset 不支持更新。这可能是提供者限制的，也可能是选定的锁定类型限制的。

22、如果还有问题用：rs.open sql,conn,3,2试试

]]> http://www.blackliu.com/art/html/48/ Sat, 04 Apr 2009 17:45:33 +0800 http://www.blackliu.com/art/html/47/ <![CDATA[Asp测网速代码(带进度条)]]> 代码如下，另存为asp文件，请在你的服务器运行就可以了

<%
Response.Expires = 0
Response.Expiresabsolute = Now() - 1
Response.AddHeader "pragma","no-cache"
Response.AddHeader "cache-control","private"
Response.CacheControl = "no-cache"
%><html>
<head>
<title>网速测试-51windows.Net</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<body style="cursor:wait;">
<p style="font-size:18pt;"><B>网速测试</B></p>
<p id="t" style="font-size:16pt;">正在测试，请稍候...</p>
<span style="width:300;height:16px;background-color:gray;"><span id="p" style="width:0;height:16px;background-color:red;"></span></span>
<script language="javascript">st = new Date();function $(p){document.getElementById("t").innerHTML="正在测试，请稍候...("+p+"%)";document.getElementById("p").style.width=p*3;}</script>
<%
defaultfs = 200'数据默认大小(K)
minfs = 100'数据最小值
maxfs = 500'数据最高值
fs = Request("s")
if len(fs) = 0 or isnumeric(fs) = false then fs = defaultfs
if int(fs) > maxfs then fs = maxfs
if int(fs) < minfs then fs = minfs
for a=1 to fs%><!--$%^)!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()!@#$%^&*()--><script language=javascript>$(<%=int(a*100/fs)%>)</script><%next%>
<script language=javascript>
et=new Date();ds=<%=fs%>;s=Math.round(ds*1000/(et-st)*10)/10;document.body.style.cursor='default';
nextsize=<%=fs%>;if(s>100){nextsize=<%=maxfs%>;}else if(s<20){nextsize=<%=minfs%>;}
document.getElementById("t").innerHTML="测试完毕。您的速度：<font color='red'>"+s+"</font>(K/秒) [<a href='?s="+nextsize+"&t="+Math.random()+"'>重测</a>]";</script>
</body>
</html> ]]> http://www.blackliu.com/art/html/47/ Sat, 04 Apr 2009 17:44:30 +0800