由于在项目中应用了Jquery Validation表单验证插件，所以要实现在Validation验证完毕后，提交form，然后禁止按钮。CodeProject上有一个DisableBtnPostBack项目，但不无法和Jquery Validation结合，代码先贴出来，给大家提示下，碰到这种情况不要使用该代码。代码如下： js: 代码 代码如下: function disableBtn(btnID, newText) { Page_IsValid = null; if (typeof (Page_ClientValidate) == function) { Page_ClientValidate(); ...
在公司项目过程中开发过几个插件，下面为Levin所用的JQuery插件模板。和google上的大同小异哈。 代码如下:; (function($) { // Private functions. var p = {}; p.func1 = function() { }; //main plugin body $.fn.PLUGIN = function(options) { // Set the options. options = $.extend({}, $.fn.PLUGIN.defaults, options); // Go through the matched elements and return the jQuery object. return this.each(function() { }...
插件需求 1，向左或者右移动列表中的元素.(注，上下方向也一样的，用css控制列表元素float的方向即可～) 2，鼠标移动到某个元素上时，改元素突出显示(css控制)，播放器停止滚动。移开后继续跑马。。 3，可选左右手工导航按钮。 实现原理 移动列表末尾元素到第一个元素前面即可。 将来的扩展(以后用到的话再看吧) 多个元素同时移动；移动时的效果；移动后的回调函数；（注：利用移动后的回调函数可以方便做一个相册插件，有兴趣的自...
一. 先对jQuery制作方式，jQuery为开发扩展提拱了两个方法，分别是： jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。 jQuery.fn.extend(object);给jQuery对象添加方法。 1.1、jQuery.fn.extend(object): 可以参靠jquery参考手册的连个例子： 代码如下: $.fn.extend({ check: function() { return this.each(function() { this.checked = true; }); }, uncheck: function() { return this.each(function() { this....
这篇文章主要为大家详细介绍了jQuery插件autocomplete使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下项目中有时会用到自动补全查询，就像Google搜索框、淘宝商品搜索功能，输入汉字或字母，则以该汉字或字母开头的相关条目会显示出来供用户选择， autocomplete插件就是完成这样的功能。autocomplete官网 ： http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ （可下载jQuery autocomplete插件）。淘...
很多公司的前端设计开发人员都是女孩子，而这些女孩子很多JavaScript技能都不是很好。而前端开发过程中，JavaScript技能又是必不可少的。所以，如果前端小MM正在为某个JavaScript效果发愁的时候，你潇洒的过去，然后对她说：“嗨，美女，用这个吧。这是我写的一个jQuery插件。”我想基本上你的人生大事就能很快解决。 先想好做个什么功能 这是第一步，也是很重要的一步，鉴于咱们都是刚学习写jQuery插件，所以，这个功能一定要简单...
一，首先，制作jQuery插件需要一个闭包 代码如下: (function ($) { //code in here })(jQuery); 这是来自jQuery官方的插件开发规范要求，使用这种编写方式有什么好处呢？ a) 避免全局依赖。 b) 避免第三方破坏。 c) 兼容jQuery操作符'$'和'jQuery ' 二，有了闭包，在其中加入插件的骨架 代码如下: $.fn.dBox = function (options) { var defaults = { //各种属性及其默认值 }; var opts = $.extend(defaults, options); //funct...
要说jQuery 最成功的地方，我认为是它的可扩展性吸引了众多开发者为其开发插件，从而建立起了一个生态系统。这好比大公司们争相做平台一样，得平台者得天下。苹果，微软，谷歌等巨头，都有各自的平台及生态圈。学会使用jQuery并不难，因为它简单易学，并且相信你接触jQuery后肯定也使用或熟悉了不少其插件。如果要将能力上升一个台阶，编写一个属于自己的插件是个不错的选择。本教程可能不是最精品的，但一定是最细致的。jQuery插件...
更新 1.2版本 删除回调函数的控制台输出调试，因为在IE6下没有控制台会造成插件出错， 完成build功能。 提示信息按钮支持多个，此版本为最新的稳定版。 近期将会提供更加详细的data书写格式说明，build时html格式说明，详细的options参数说明。补充内容类型的切换展示案例。 Introduction: jquery imageShown 插件可以完成多种形式的内容轮显切换， 所有我提供的Demo中虽然都是导航带动的轮显图片，但是它还能完成内容的切换，即可...
最近在工作中需要用到地址选择器，像下面这样的，本想在网上找一个，可是没找到，于是自己写了个jquery插件。直接上代码吧：var provinces = {"A": {"安徽":["合肥市","芜湖市","蚌埠市","淮南市","马鞍山市","淮北市","铜陵市","安庆市","黄山市","滁州市","阜阳市","宿州市","巢湖市","六安市","亳州市","池州市","宣城市"]},"B": {"北京": ["北京市"]},"C": {"重庆":["重庆市"]},"F": {"福建":["福州市","厦门市","莆田市","三明...
本文实例讲述了jquery插件jquery.LightBox.js实现点击放大图片并左右点击切换效果。分享给大家供大家参考，具体如下： 该插件乃文章作者所写，目的在于提升作者的js能力，也给一些js菜鸟在使用插件时提供一些便利，老鸟就悠然地飞过吧。 此插件旨在实现目前较为流行的点击放大图片并左右点击切换图片的效果，您可以根据自己的实际需求来设置是否添加左右切换图片的效果。整体代码如下：无标题文档*{margin:0;padding:0;} li{list-s...
本文实例讲述了jquery插件jquery.dragscale.js实现拖拽改变元素大小的方法。分享给大家供大家参考，具体如下： 该插件是文章作者所写，目的在于提升作者的js能力，也给一些js菜鸟在使用插件时提供一些便利，老鸟就悠然地飞过吧。 此插件旨在实现目前较为流行的拖拽改变元素大小的效果，您可以根据自己的实际需求来设置被拖拽元素的最小宽高和最大宽高。整体代码如下：无标题文档*{margin:0;padding:0;} .box{position:absolute;lef...
本文实例讲述了jquery插件之文字间歇自动向上滚动效果代码。分享给大家供大家参考，具体如下：此插件旨在实现目前较为流行的文字间歇向上滚动特效，当鼠标移动到文字上时，向上滚动会停止，当鼠标离开时，向上滚动继续。整体代码如下：<!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 htt...
ImageDrawer.js是一款可以实现动态绘制图片动画的jQuery插件。通过ImageDrawer.js插件，你可以制作在页面中绘制图片的动态过程，你可以控制绘制动画的持续时间等参数，非常有趣。效果展示 源码下载 使用方法 使用该动态绘制图片插件需要在页面中引入imagedrawer.css，jquery和imagedrawer.js文件。HTML结构 在页面中插入你需要绘制的图片。初始化插件 在页面DOM元素加载完毕之后，可以通过下面的方法来初始化该图片绘制插件。...
本文实例讲述了jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果的方法。分享给大家供大家参考，具体如下： 此插件旨在实现表格隔行变色，且鼠标移动在表格的某一行上时，该行能高亮显示。整体代码如下：表格隔行变色且鼠标滑过高亮显示table{border-collapse:collapse;border:none;width:20%;} table tr td{border:1px solid #ccc;text-align:center;cursor:pointer;} .evenRow{background:#f0f0f0;} .oddRow{background:#ff0;}...