代码如下: /* input 和 textarea 最大文字限定插件 * 修改版, 一个中文表示1一个字, 一个英文半个字; * TextLimit - jQuery plugin for counting and limiting characters for input and textarea fields * * pass -1 as speed if you dont want the char-deletion effect. (dont just put 0) * Example: jQuery("Textarea").textlimit(span.counter,256) * * $Version: 2009.07.25 +r2 * Copyright (c) 2009 Yair Even-Or * vsync...
jQuery 以其插件众多、独特、轻量以及支持大规模的网站开发闻名。本文继续向大家分享实用的 jQuery 插件，可以根据您的项目需要来选择使用。《《前一篇：40款非常棒的 jQuery 插件和制作教程（系列一）》》 Client Testimonials Powered by PHP, XML and jQuery ( 演示 | 下载 ) 结合 jQuery 和 XML 制作的客户感言插件，吸引更多用户使用你的产品。 Coding a Rotating Image Slideshow w/ CSS3 and jQuery ( 演示 | 下载 ) 使用 ...
当然你现在可能不善于用，但我敢肯定你会发现他们在你未来的项目中使用！。 Nivo滑块 毫无疑问，这个插件是世界上最真棒jQuery的滑块图片，并配有超过15个过渡效果。 Anything Slider 任何滑块从所有最通用的滑块。您可以添加绝对的东西，从视频到简单的文字和图像，这是真棒。 幻灯片 幻灯片是，本着简约的jQuery幻灯片插件。挤满了一套有用的功能，以帮助新手和高级开发人员创造优雅和用户友好的幻灯片。 jQuery的周期插件 ...
需求：公司某个网站，需要实现预览效果，并能像淘宝一样实现局部分大！ 思索：为了考虑开发速度，最先考虑的是想使用网络上的现成代码！但是大致搜索了一下，网上可用的代码并不多，而且部分效果并不理想！而且有些代码，估计阅读下来比自己写一个成本还要高，于是产生了自己写一个jquery的插件的想法！ 原理：最起考虑的原理是，两张，一张小图，一张大图，先获取鼠标在小图上面的坐标，然后以一个div来显示大图，并根据小...
1. Jquery HTML5 Audio Library2. Image Wall3. Grid Navigation Effects4. Background Slide Show5. Fluid Thumbnail Bar6. Sliding Background Image Menu7. Slick and Easy Jquery Image Gallery8. Light weight Modal Windows9. Sliding Boxes10. Rotating Image Slider11. HTML5 Jquery12. Fullscreen Slideshow13. Quickie Slot Machine14. Sliding Letters15. Vertical Ticker16. Scroll-Based jQuery Functions17. Credit ...
首先看下效果 代码如下: $(function() { $("#test").jsScroll(); }) 1 2 3 4 5 6 7 8 9 10 比较简陋只是将select转成自定义的样式 现在只有2个参数可以设置 代码如下: $(function() { $("#test").jsScroll({ showLength: 3, option_click: function() { alert("1"); } }); }) showLength:下拉框默认显示数量 ---默认显示5个 option_click:点击每一个option执行的事件--默认是将options的值绑定到input中 在线演示：h...
总的来说，原理很简单，大致流程是：在浏览器上加载原图 用矩形框在原图上选取区域并将选取的顶点坐标和矩形尺寸发送至服务器 服务器端用图片切割算法切割原图并输出切割后的图片。下面我们就分别对这几个步骤详细展开讨论分析，并在最后附上小demo供大家参考。 1、在页面上加载原图 这个就不用多说了，就是在页面上显示一张图片，一个img标签搞定，不过为了下一步演示，还是贴一下代码 2、用矩形框在原图上选取区域 这个我们要...
解决思路如下： 首先，判断事件的当前节点，也就是jquery的currentTarget是否在target的包含中，即下面的扩展$.containsNode。 然后，在调用hover的时候的mouseover和mouseout事件里判断currentTarget是否在target的包含中，即$.fn.fhover扩展 下面就是相关代码： 代码如下: $.containsNode = function(parentNode, childNode) { if (parentNode.contains) { return parentNode != childNode && parentNode.contains(childNode); ...
今天开始将发布系列文章向大家分享40款非常有用的 jQuery 插件。 MotionCAPTCHA ( 演示 | 下载 ) MotionCAPTCHA 是一款非常特别的 jQuery 验证码插件，要求用户画出看到的形状才能通过验证，用到了 Canvas 标签，所以只能在现代浏览器中使用。Smart Validate ( 演示 | 下载 ) 这是一款基于 jQuery 的信用卡验证插件，使得繁琐的信用卡格式验证变得轻松，支持各种流行的行用卡类型。Wave Display Effect with jQuery ( 演示 | 下载...
解决思路：1、 在标题处增加一个【—】【+】号，供用户点击。 2、 用户收缩和展开屏幕的行为保存在Cookie里面。页面重新加载或者用户重新登录系统，仍然能记住用户的行为。 优点：1、使用Jquery插件的形式来做，容易扩展。容易实现。 2、 保存在Cookie的行为，容易实现，减少工作量，用户也能接收。如保存在数据库，则增加页面的负载。 缺点：不能每个页面使用单独行为，既是：每次用户的收缩和扩展在系统都是全局的。...
今天开始将发布系列文章向大家分享40款非常有用的 jQuery 插件。 HTML5 File Uploads with jQuery ( 演示 | 下载 ) 这是一款用于帮助你实现 HTML5 文件拖放上传功能的 jQuery 插件。Shuffle Letters Effect: a jQuery Plugin ( 演示 | 下载 ) 这款插件能够帮助实现非常酷的文字显示效果，可用于标题、LOGO和幻灯片。Skitter ( 演示 | 下载 ) Skitter 是一款非常精美的幻灯片插件，可以完全自定义，非常棒！Cuepoint JS ( 演示 |...
滑块和幻灯片效果是常用的内容展示方式之一，这是一种在有限的网页空间内展示系列项目时非常好的方法。今天这篇文章就与大家分享20个非常棒的 jQuery 幻灯片插件和教程。 Slider Gallery with jQueryCreate an Image Rotator with Description (CSS/jQuery)Create a Slick and Accessible Slideshow Using jQuerySimple JQuery Image Slide Show with Semi-Transparent CaptionAnimate Panning Slideshow with jQueryCreate Beauti...
jQuery为开发插件提拱了两个方法，分别是： jQuery.fn.extend(object); jQuery.extend(object); jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。 jQuery.fn.extend(object);给jQuery对象添加方法。 fn 是什么东西呢。查看jQuery代码，就不难发现。 代码如下: jQuery.fn = jQuery.prototype = { init: function( selector, context ) {//.... //...... }; 原来 jQuery.fn = jQuery.prototype.对prot...
一、先从一个简单的实例，不需要带参数的一个方法开始 代码如下: //创建一个匿名函数 (function($){ //给jQuery附加一个新的方法（详细见备注1） $.fn.extend({ //插件的名字 MyFirstName: function() { //迭代当前匹配元素集合 return this.each(function() { var obj = $(this); //自己的代码 }); } }); )(jQuery); 备注1：理解$.fn.extend和$.extend的区别，大概的说前者是将MyFirstName这个方法合并到jquery的实例对象中，例...
简单来说，jQuery validation插件就是来校验表单form里面元素输入的内容是否满足业务规则，如果不满足，可以给出用户自定义的提示信息。该插件不仅默认有一些校验规则，如校验内容是否为空，内容的长度是否符合给定的值，还可以根据用户自定义业务规则，而且错误提示信息，也可以根据用户的要求自定义显示。看来这个插件的功能确实很强大，是不是迫不及待想使用了。好的，那我们就开始简介如何使用它。 jQuery validation 插件下载...