首页

JQuery

一款可以打印js变量的jquery插件

Posted on 九月 2nd, 2010 by keeperhan and tagged .
keeperhan 的头像

        在项目开发中经常会测试一些变量的值 , 看是否是我们需要的 , 但 alert() 函数只能打印字符串类型的值 , object , array 等却无能为力... 有了 jquery.dump.js 就不用犯愁了 . 它可以返回以下的信息
        Strings
        Numbers
        Booleans
        Dates

简单的 CSS jQuery 切换效果

Posted on 七月 7th, 2010 by keeperhan and tagged , .
keeperhan 的头像

       利用CSS 和 jQuery 技术 实现的一个简单的切换特效 . 我使用了几张不错的动态的gif图片 , 配合CSS 和 jQuery 实现这个切换的特效 ,用户体验很不错 . 推荐给大家

jQuery 表单注册向导

Posted on 六月 30th, 2010 by cfanwzl and tagged .
cfanwzl 的头像

        当网站需要用户注册时,经常需要填写很多注册信息 . jquery formwizard这款插件可以把注册信息分成几步,并且支持独立表单验证.

jquery  formwizard 插件的特点是 :

1.使一个有很多注册项的表单可以分步填写,用户体验友好

2.支持分步提交表单

3.支持上一步,下一步向导

4.通过jQuery.form 插件可以实现ajax post提交表单

5.支持只提交用户填写的选项,而其他隐藏掉的选项不被提交

jquery 图片预览插件

Posted on 六月 21st, 2010 by keeperhan and tagged .
keeperhan 的头像

        jquery的图片特效有着各种各样的插件,给用户的体验也非常舒适 , 可往往需要的只是最简单的预览效果 . 那么 这款imgPreview 插件就能满足你所需求的功能 :

原图片预览
$('ul#first a').imgPreview();

设定宽度
$('ul#second a').imgPreview({
    imgCSS: { width: 200 }
});

添加图片样式和渐隐效果

jquery 插件 实现 ajax 跨域访问数据

Posted on 六月 18th, 2010 by cfanwzl and tagged .
cfanwzl 的头像

        最近项目经常使用 ajax , 根据不同用户调用相应数据 , 使用了jquery库 , 也算是得心应手 , 项目进行的很顺利 .可是今天客户提出了一个新的需求,只有首页在本网站,其他的程序和数据库要放到子域名下的服务器上 , 首页的数据要动态的调用子域名下的数据 .

jQuery Ajax 表单验证插件

Posted on 六月 17th, 2010 by keeperhan and tagged .
keeperhan 的头像

        jQuery formValidator是一款国人写的 jquery Ajax表单验证插件 . 那么它有什么优点呢 ? 自定义验证提示信息样式,给以用户友好的表单验证体验 , 它可以划分多个校验组，每个组的校验都是互不影响 .
支持5种大的校验方式:
        inputValidator（针对input、textarea、select控件的字符长度、值范围、选择个数的控制）
        compareValidator（提供2个对象的比较，目前可以比较字符串和数值型）

jquery css 滑动门导航

Posted on 五月 27th, 2010 by keeperhan and tagged , .
keeperhan 的头像

        滑动门特效是一个比较流行的CSS使用技巧，给人以美观、清晰、明了的视觉感受 .

       点击下载jquery+css滑动门导航特效

jquery 炫酷导航

Posted on 五月 18th, 2010 by keeperhan and tagged , .
keeperhan 的头像

           一个利用 jquery 和 css 技术 制作的导航 。

演 示 ： 点击演示

下 载 ： jquery_menu.rar

jQuery tab标签页

Posted on 三月 30th, 2010 by keeperhan and tagged .
keeperhan 的头像

        找了很久jQuery的tab标签页,不是不兼容就是功能单一,下面介绍一个jQuery 插件中的一款tab插件
简单介绍下:
$().ready(function(){
    var tab =$("#container1").tab({ type:"bottom", //tab标签页的导航位置 包括 top, bottom, left, right
            navigationClass:"header", //tab标签页的导航css
            contentsClass:"contents", //tab标签页内容的

jquery checkbox 全选

Posted on 三月 13th, 2010 by cfanwzl and tagged .
cfanwzl 的头像

 $().ready(function() {       

    $('#select_all').click(function() {

        if(this.checked) {

            $('.select').each(function() {

                this.checked=true;

            });

        }else  {

            $('.select').each(function() {