折叠（Collapse）插件可以很容易地让页面区域折叠起来。无论您用它来创建折叠导航还是内容面板，它都允许很多内容选项。 如果您想要单独引用该插件的功能，那么您需要引用 collapse.js，或者，正如 Bootstrap 插件概览 一章中所提到，您可以引用 bootstrap.js 或压缩版的 bootstrap.min.js。 一、用法 下表列出了折叠（Collapse）插件用于处理繁重的伸缩的 class：您可以通过以下两种方式使用折叠（Collapse）插件： 通过 data 属性...
代码如下: /* Boxy属性不变 新增 w、h、src 属性 qBox.Close();关闭当前窗口 qBox.iFSrc({}); 改变当前窗口的属性及指向 Boxy属性不变 新增 w、h、src 属性 */ //Boxy插件的扩展 jQuery.fn.qbox=function(options){ var node = this.get(0).nodeName.toLowerCase(); var self=this; if (node == a) { $(this).attr(onclick,).unbind(click).click(function(){return false;}); options = $.extend(options||{},{src:this.get(0)...
不过奇怪的是，最近用下来感觉有些古怪，因为好像有些死板，已有功能的应变能力还不强，甚至还有个奇怪的Bug。任何项目有Bug其实也正常，但这个Bug其实是一个文档上已经记载了，却没有实现的功能，这就有些说不过去了。这个问题便出在remote验证方式上，还好修改起来非常容易，在此记录一下，也方便以后的参考。 在表单验证时，有时候会需要发一个AJAX请求去服务器上进行判断，例如在用户注册时检查用户名是否存在。jQuery Validat...
table HTMLElement效果 代码如下: var br_cc = (function(){ var setEffect = function(els,params){ var settings = {"c1":"#eee","c2":"#ccc","c3":"#f00"}; $.extend(settings,params); els.each(function(i){ var self = $(this); if(i%2==0){ this._bg = settings.c1; }else{ this._bg = settings.c2; } self.css({"background-color":this._bg,"cursor":"pointer"}); self.mouseover(function(){ self.css("background-color...
tabs是现在网页应用最广的一种效果，jquery插件和非jquery插件也有不少，有一些朋友问我怎么用jquery.ui.tabs的ajax怎么只请求服务器一次原来我想其实很简单，看看官方的API就了解，不过我在回复这些朋友之前，用firebug查看了官方的ui.tabs发现，声明了ajax缓存，每点一个tabs时，仍然会有服务器请求这应该是服务器缓存，而不是实际上我们要求的只ajax一次，不再请求服务器了接下来我找了一下其它的tabs插件，基本上没有符合要求的...
如： 代码如下: 有时，页面上引用的Js文件会更多，如果页面排版的整齐还好点，一旦排版的稍微不整齐，那么整个页面就显得很杂乱，那么究竟有没有更简洁的方法引用Js文件呢？本文就讨论一下这个问题。 开始做之前先在cnblogs上搜索了一下，果然有相关文章介绍：http://www.gxlcms.com/article/24220.htm，不过本篇文章的博主不是很厚道(^_^)，虽然给了一个demo下载，但是是编译后的程序，看不到源码，看不到源码...
首先感谢jQuery.Select.js的作者张经纬，jQuery.Select.js项目地址：http://www.zhangjingwei.com/archives/jquery-select%E5%8D%95%E9%80%89-%E6%A8%A1%E6%8B%9F%E6%8F%92%E4%BB%B6-v1-3-6/ 项目中需要使用基于jQuery的Select模拟效果，主要是想实现select的onmouseover事件，而不需要点击在经过时即可进行选择，找了很多没有理想的，最后决定在jQuery.Select.js 1.3.6的基础上改进。下面是增加mouseover事件后的代码：（如需原版...
固定表头 列宽可调整 单击列头可排序 双击单元格可编辑 可绑定数据源 看下效果吧:HTML - 模板代码： 代码如下: 姓名 性别 年龄 住址 {姓名} {性别} {年龄} {住址} jsascript代码： 代码如下: //测试数据 var dataJsonStr={tablename:"",rows:[{"姓名":"曹操","性别":"男","年龄":"51","住址":"许昌"},{"姓名":"诸葛亮","性别":"男","年龄":"40","住址":"南阳"},{"姓名":"周瑜","性别":"男","年龄":"40","...
相对于同类插件，他的特色有3点。 1、可缓存查询结果 （二次查询速度快） 2、非keyup监听方式 （解决某些系统/情况下无法触发keyxxx事件的问题） 3、简洁的参数 （好看？） 插件性能尚好，我的E6500、2G内存，30秒内一共发生了4469次调用，耗时94.65毫秒；百度的是2432次调用，80.24毫秒。 接近1倍的调用是jQuery中的问题，但具体原因我还没弄明白，如果那位兄弟知道的还请不吝赐教。 调用方法 代码如下: jQuery("#kw").suggest({...
代码如下: jQuery.fn.autoZoomLoadImage = function(scaling, width, height, loadPic) { if (loadPic == null) loadPic = "Loading.gif"; return this.each(function() { var t = $(this); var src = $(this).attr("src"); var img = new Image(); //alert("Loading") img.src = src; //自动缩放图片 var autoScaling = function() { if (scaling) { if (img.width > 0 && img.height > 0) { if (img.width / img.height >= width...
兼容各浏览器的文本行高 代码如下: (function($){ $.fn.extend({ RollTitle: function(opt,callback){ if(!opt) var opt={}; var _this = this; _this.timer = null; _this.lineH = _this.find("li:first").height(); _this.line=opt.line?parseInt(opt.line,15):parseInt(_this.height()/_this.lineH,10); _this.speed=opt.speed?parseInt(opt.speed,10):3000, //卷动速度，数值越大，速度越慢（毫秒 _this.timespan=opt.timespa...
根据上次的经验，我将 代码如下:contentType: "application/x-www-form-urlencoded; charset=utf-8", 加入到ajax请求的参数中，结果这次居然不起作用了。 多次观察Fiddler结果，发现无效后，只好打开JQuery.Validation.js寻求答案了。 在remote的代码中，我发现： 代码如下: ... var data = {}; data[element.name] = value; $.ajax($.extend(true, { url: param, mode: "abort", port: "validate" + element.name, dataType: "j...
Introduction 1. This textarea is like the google calendar's description when you create one new or update one existence calendar; 2. Its height will be changed accroding to user's input; 3. Its scrollbar is removed, which makes it much user friendly. I guess you may like it. Using the code 1. import the jquery.js and textarea.js 2. add the following css .autoHeight{border:1px solid #666666; wid...
去年做项目时遇到一个模块，需要能够动态的增减控件。当初第一个解决方案是用UpdatePanel做页面的局部更新。由于页面很大，而且控件非常多，当动态增加的控件非常多的时候，会变得很慢。后来就想着用javascript做动态的增减控件，最后在提交页面的时候搜集页面控件的数据，效果很棒，但是由于当时仅仅是为那一个模块做，所以扩展性很差，而且那时写javascript代码非常复杂，仅仅为了动态增减的效果，就写超过了500行javascript代码...
首先下载所需文件，jquery.autocomplete.js和jquery.autocomplete.css。 由于该控件获得数据可以从数组和URL两种方式获取，所以写了两个简单的小例子试验一下。 前台代码如下： 代码如下: //直接由数组获得 $(document).ready((function () { var data = ["河北省", "河南省", "山东", "北京", "天津"]; $("#txtProvince").autocomplete(data); //由SERVER端获得 $("#txtUser").autocomplete("GetUserName.aspx"); } ));...