固定表头 列宽可调整 单击列头可排序 双击单元格可编辑 可绑定数据源 看下效果吧: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"); } ));...
原理很简单，通过JS动态构建一个div层，将其插入到body中，然后通过调整position的CSS属性为absolute或fixed，使其脱离原来的文档流的位置。再通过适当的加工美化就成了。 代码如下: 标题 [关闭] 内容部分 这就是两个div层的结构，第一个背景遮盖层只有在需要的时候才创建。每个div都定义了一个CSS类，这样便于自定义其外观。 一些基本功能的实现 移动框体 只要在mousemove事件中，计算两次移动鼠标位置的差值，再加上被移...
代码如下: $(function(){ $.easing.def="easeInQuad";//设置默认效果 var callback=function (){ alert("ok"); } $("#t1").animate({ "top":600 },{duration: 3000, easing:"easeInQuad",//可省略 complete: callback}) }) 使用了easing后,JQ原来的方法有将不可用,用对象代替JQ中时间,该对象如下例 {duration: 3000,easing:"easeInQuad",complete: callback} 原JQ的回调函数由complete代替 如果不使用easing,即时间参数不为上面...
增加一个显示更多的功能 附上代码:使用实例在附件 代码如下: /** * demo: * 1.$("#limittext").limittext(); * 2.$("#limittext").limittext({"limit":1}); * 3.$("#limittext").limittext({"limit":1,"fill":"......","morefn":{"status":true}}); * 4.$("#limittext").limittext({"limit":1,"fill":"......","morefn":{"status":true,"moretext":"更多","lesstext":"隐藏部分","fullfn":function(){alert("more")},"lessfn":func...
主页:http://craigsworks.com/projects/qtip/ 下载:http://craigsworks.com/projects/qtip/download 示例:http://craigsworks.com/projects/qtip/qTip是一个基于JQuery的Tooltip插件。它几乎支持所有的主流浏览器例如： Internet Explorer 6.0+ Firefox 2.0+ Opera 9.0+ Safari 3.0+ Google Chrome 1.0+ Konqueror 3.5+ 使用qTip可以很轻松的定义tip的位置以及样式，同时qTip还有一个强大的API...... 使用qTip前，只需引入两个JS文...
其实就是一个幻灯效果,考虑到使用方便,就封装成一个插件了. 插件特点 1. 参数高度自定义; 2. 可重复调用且与不影响; 3. 插件文件小,压缩后仅1.04k,开发版3.29k. 演示及下载 使用方法 1. 引入jQuery库文件及jQuery.iFadeSlide.pack.js插件文件(若页面有其他js文件,可与之合并以减小http请求),引入位置自定义; 代码如下: 样式文件无须引入,若使用DEMO中的结构,可直接将样式合并于项目页面中.建议样式自定义. 2. 在页面中调用插件...
很简单的一个效果插件,但不是经常用,怕忘了,以后在用又要去看文档,所以现在把笔记写下来,方便以后 代码如下: $(function(){ $.easing.def="easeInQuad";//设置默认效果 var callback=function (){ alert("ok"); } $("#t1").animate({ "top":600 },{duration: 3000, easing:"easeInQuad",//可省略 complete: callback}) }) 使用了easing后,JQ原来的方法有将不可用,用对象代替JQ中时间,该对象如下例 {duration: 3000,easing:"eas...
今天发现其实JQ自己早就有对这个临时数据的存储方法: $("dom").data(“mydata”,"this is data");还有就是插件开发的时候我们经常要给插件添加方法,其实就用JS内部添加方法的方法即可 this.myfn=function(){} 下面给上一个显示部分文字的插件的源码: (类似CSS的text-overflow,但本插件你需要提供显示几个字,用于精确控制显示数量) 代码如下: /** * demo: * 1.$("#limittext").limittext(); * 2.$("#limittext").limittext({"limit...