标签：js
客户端验证的极品--jQuery.validator

最近在做一个用户注册登录的页面，资料查寻过程中发现了一个非常不错的客户端验证的极品－jQuery.validate。
它是著名的JavaScript包jQuery的一个插件，其实它还有其它的一些插件应该都爽，有待慢慢来学习

官方地址：http://bassistance.de/jquery-plugins/jquery-plugin-validation/
jQuery用户手册：http://jquery.org.cn/visual/cn/index.xml

开发使用起来非常简单明了，
我的代码：

本日志由 ceiling 于 2010-05-08 03:43:20 发表到 网页设计JS 中，目前已经被浏览 237 次，评论 0 次；

作者添加了以下标签： js，jquery，validate；

首页只显示了部分日志内容，要查看日志的全部内容请阅读全文；

jquery.validate
需要JQuery版本：1.2.6+, 兼容 1.3.2
<script src="../js/jquery.js" type="text/javascript"></script>
<script src="../js/jquery.validate.js" type="text/javascript"></script>

二、默认校验规则
(1)required:true               必输字段
(2)remote:"check.php"          使用ajax方法调用check.php验证输入值
(3)email:true                  必须输入正确格式的电子邮件
(4)url:true                    必须输入正确格式的网址
(5)date:true                   必须输入正确格式的日期
(6)dateISO:true                必须输入正确格式的日期(ISO)，例如：2009-06-23，1998/01/22 只验证格式，不验证有效性
(7)number:true                 必须输入合法的数字(负数，小数)
(8)digits:true                 必须输入整数

本日志由 ceiling 于 2010-05-08 03:41:42 发表到 网页设计JS 中，目前已经被浏览 169 次，评论 0 次；

作者添加了以下标签： jquery，validate，js；

首页只显示了部分日志内容，要查看日志的全部内容请阅读全文；

支持ie6,ie7,firefox的图片滚动js
有的js图片滚动,下载来都好使,但复制到另1个位置就不好使,因为写法不规则,
值得注意的是,头部的是规则标准,如果你写法不标准或不小心改动哪里,firefox都会出错不滚动...
所以说firefox更严格的遵守着w3c的规则...写法要标准..如下: 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   
  2.  
  3.  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   
  5. <html xmlns="http://www.w3.org/1999/xhtml">   
  6. <head>   
  7. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />   
  8. <title>雪狼领地-支持IE6,IE7,firefox图片滚动好使的代码</title>   
  9. </head> 

本日志由 ceiling 于 2009-04-05 20:18:09 发表到 网页设计JS 中，目前已经被浏览 367 次，评论 0 次；

作者添加了以下标签： js，图片循环滚动；

首页只显示了部分日志内容，要查看日志的全部内容请阅读全文；

DIV实现图片无缝隙滚动

想必大家都注意到<marquee>的不循环滚动，所以出现了很多替代脚本，或iframe或JS输出<marquee>，不管怎么做，都略显麻烦。下面说一下这个相对简单的实现思路：一个设定宽度并且隐藏超出它宽度的内容的容器demo，里面放demo1和demo2，demo1是滚动内容,demo2为demo1的直接克隆，通过不断改变demo1的scrollTop或者scrollLeft达到滚动的目的，当滚动至demo1与demo2的交界处时直接跳回初始位置，因为demo1与demo2一样，所以分不出跳动的瞬间，从而达到“无缝”滚动的目的。
在原作者的基础上做了一定修改，主要还是在样式上面，将表格更换为标签。

本日志由 ceiling 于 2008-10-02 18:10:18 发表到 网页设计JS 中，目前已经被浏览 232 次，评论 0 次；

作者添加了以下标签： js，图片循环滚动；

首页只显示了部分日志内容，要查看日志的全部内容请阅读全文；

10个能用JavaScript实现的图片特效

　　图片如何制作阴影、图片圆角和倒映，你可能第一时间想到PS处理,下面介绍另外一种方法，不会破坏原图，实现的效果也是非常不错，就是使用js来实现，大家可以在Netzgesta上下载js包尝试下，安装使用方法在最后页给大家说明了。

　　一般来说，我们在写博客或做网站时都需要对插图做一些效果，比如增加阴影、图片圆角、倒映等等。这些效果一般可以用3个方法实现，一是用PS实现对图片进行修改，二是使用CSS，三是使用JavaScript。使用Photoshop会破坏原图，而且要花费一定的时间。Netzgesta上有很多实现图片特效的JavaScript提供下载，很多效果都是相当漂亮的。

1、水倒映


图1

　　这个js将为图片添加水倒映的特效，时下web2.0站点很喜欢这种效果。

　　下载一个试玩：点击下载水倒映效果js  

本日志由 ceiling 于 2008-09-24 17:25:31 发表到 网页设计JS 中，目前已经被浏览 181 次，评论 0 次；

作者添加了以下标签： js，图片特效；

首页只显示了部分日志内容，要查看日志的全部内容请阅读全文；