一个可绑定数据源的jQuery数据表格插件

2017年02月06日 24 阅读

固定表头 列宽可调整 单击列头可排序 双击单元格可编辑 可绑定数据源 看下效果吧:HTML - 模板代码： 复制代码 代码如下: <table id="test"> <tr class="header"> <td style="width: 100px;" sort="true"> 姓名 </td> <td style="width: 100px;" sort="true"> 性别 </td...

javascript 循环读取JSON数据的代码

2017年02月06日 24 阅读

服务端后台返回到客户端的JSON格式字符串： var str = "[{"uname":"王强","day":"2010/06/17"},{"uname":"王海云","day":"2010/06/11"}]"; 我们把它转换成JSON对象:var jsonList=eval（"（"+str+"）"）;这时候如果以用断点跟踪查看这个jsonList对象，其实你会发现，他的长度为2，即jsonList.length=2。它的每一项都是一个单独的JSON对...

js模拟类继承小例子

2017年02月06日 23 阅读

复制代码 代码如下: //使用原型继承，中间使用临时对象作为Child的原型属性，临时对象的原型属性再指向父类的原型， //防止所有子类和父类原型属性都指向通一个对象. //这样当修改子类的原型属性，就不会影响其他子类和父类 function extend（Child, Parent） { var F = function（）{}; F.prototype = Parent.prototype; Child.prototype = new F（）; Chi...

IE6,IE7下js动态加载图片不显示错误

2017年02月06日 23 阅读

先描述一下出现这种匪夷所思bug的背景： 我在页面加载的时候加载一堆小缩略图，<a href="javascript:void（0）;" onclick="switch_image（"1.jpg"）"><img src="1.thumb.jpg" /></a> 这么多小的缩略图标签循环平铺下来，当单击小的图片时，动态加载大的图片显示，就类似于淘宝的商品查看图片。页面上有一个标签： <div id="pic-box"...

JavaScript 浏览器验证代码（来自discuz）

2017年02月06日 24 阅读

在看 Discuz！ 的源码的时候，发现了一段浏览器验证的代码，还是比较经典的： 复制代码 代码如下: var BROWSER = {}; var USERAGENT = navigator.userAgent.toLowerCase（）; alert（USERAGENT）; BROWSER.ie = window.ActiveXObject && USERAGENT.indexOf（"msie"） ！= -1 && USERAGENT.substr（US...

一个js拖拽的效果类和dom-drag.js浅析

2017年02月06日 23 阅读

这是个功能非常简单的类，只实现了拖拽的功能，当然，代码也因此保持了原始的简洁，下面是这个类库的代码： 代码 复制代码 代码如下: /************************************************** * Drag.js * 作者：橡树小屋 07.17.2010 * http://www.cnblogs.com/babyzone2004/ *用法：Drag.initDrag（id）; id是标签的id名称 *********...

jQuery Autocomplete自动完成插件

2017年02月06日 24 阅读

相对于同类插件，他的特色有3点。 1、可缓存查询结果 （二次查询速度快） 2、非keyup监听方式 （解决某些系统/情况下无法触发keyxxx事件的问题） 3、简洁的参数 （好看？） 插件性能尚好，我的E6500、2G内存，30秒内一共发生了4469次调用，耗时94.65毫秒；百度的是2432次调用，80.24毫秒。 接近1倍的调用是jQuery中的问题，但具体原因我还没弄明白，如果那位兄弟知道的还请不吝赐教。 调用方法 复制代码 代码如下: jQuery...

js 纯数字不重复排列的另类方法

2017年02月06日 24 阅读

参考无忧cosin的方法后（多谢），整理的方法如下 复制代码 代码如下: //一段随机数，模拟用 var baseNum=[]; for（var i= 0;i< 100000 ;i++）{ random = Math.floor（Math.random（）*i）; baseNum.push（random）; } var baseNumLen = baseNum.length; var numSubscript = []; //将数字作为下标和值放到另...

js下利用控制器载入对应脚本

2017年02月06日 22 阅读

我的思路是，在编写独立模块的时候，注意将这些方法集成到$.tools对象中，接下来，在页面中，调用控制器载入模块，并在载入完成后判断$.tools中对象的个数与预定义载入的模块数是否相等，如不等继续等待，如相等执行回调函数。 复制代码 代码如下: /* * LOADScript Mod * Params url1,url2,url3,url4,fn */ jQuery.extend（{ loadMod: function（）{ var argleng = ...

Date对象格式化函数代码

2017年02月06日 23 阅读

复制代码 代码如下: /* * Date Format 1.2.3 * （c） 2007-2009 Steven Levithan * MIT license * * Includes enhancements by Scott Trenda * and Kris Kowal * * Accepts a date, a mask, or a date and a mask. * Returns a formatted version of the give...

基于jQuery试卷自动排版系统

2017年02月06日 25 阅读

需求 根据提供的试卷题目（是一个干净的只有“数据”的HTML网页）生成一份多页的试卷，用户能执行翻页、具有答题时间限制，展示给用户的试卷中题目需要占用尽量少的空间（比如选择题中把两条较短的选项由两行合并到一行）、同一道题目不要跨页面显示以方便答题者，管理员能够改变试卷的样式（字体、颜色、行距、页面边距，像字处理软件一样……），题目之间可以插入一些说明性的文字（比如告知答题者作答的须知等等）。题目提干、选择题的选项、说明文字可以包含多媒体信息（文字、图片、列...

js 上下文字滚动效果

2017年02月06日 21 阅读

js实现的文字向上滚动效果，适合文字公告等。 test #textHeight{line-height:25px; height:25px; overflow:hidden; width:150px; font-size:12px; border:solid 1px #666;} function ScrollText（content）{ this.Delay=10; this.Amount=1; this.Direction="up"; th...

js+css在交互上的应用

2017年02月06日 24 阅读

但灵活应用CSS会有给人眼前一亮的感觉！ 以下用一个简单的例子来阐述我想说的。 CSS代码： 复制代码 代码如下: #nav li ul { display:none; } HTML代码： 复制代码 代码如下: <div id="nav"> <ul class=""> <li> <h3>菜单1</h3> <ul> <li>子菜单1</li> <li>...

js 模仿网上的限时抢购效果

2017年02月06日 26 阅读

抢购时间倒计时效果 function $（element）{ return document.getElementById（element）; } //限时抢购 var the_s=new Array（）; function view_time（the_s_index,objid）{ if（the_s[the_s_index]>=0）{ var the_D=Math.floor（（the_s[the_s_index]/3600）/24） var ...

js下写一个事件队列操作函数

2017年02月06日 24 阅读

前两天在网上看到这一系列的文章《写一个JavaScript异步调用框架1,2,3,4,5,6》。 异步操作可能会产生你不希望的事件触发顺序。这个问题以前也遇到过，当时没想太多，也就是直接多层嵌套（在ajax返回以后嵌套下一个事件）来解决。 认真的看了一遍。看的头昏，不得不说我可能基础并不好，在大局上的掌握也不好。d反正我是觉得很难理解，也不觉得它的调用时够方便的。 如果是这么调用： var chain = Async.go（0）; chain .ne...

Javascript实现CheckBox的全选与取消全选的代码

2017年02月06日 23 阅读

本文介绍的方法，触发条件独立，可以全选或取消全选指定 name 的 CheckBox ， 同一页面可以有多组供全选的 CheckBox ，功能健全，通用性较强。 效果图:运行查看效果： function checkAll（name） { var el = document.getElementsByTagName（"input"）; var len = el.length; for（var i=0; i...

javascript 函数参数原来是可以有缺省值的

2017年02月06日 23 阅读

无标题文档 /** * 根据类名获得元素 * 参数说明: * 1、className 类名 * 2、tag 元素名 默认所有元素 * 3、elm 父元素 默认doucment */ document.getElementsByClassName = function（className, tag, elm） { var testClass = new RegExp（"（^|s）" + className + "（s|$）"）; var tag ...

firefox火狐浏览器与与ie兼容的2个问题总结

2017年02月06日 24 阅读

1：rules与cssRules区别： 复制代码 代码如下: function addCSSRule（css,key,value）{ //var css = document.styleSheets[document.styleSheets.length-1]; if（navigator.userAgent.indexOf（"Firefox"）>0 ） { css.insertRule（key+"{"+value+"}", css.cssRules....

根据出生日期自动取得星座的js代码

2017年02月06日 24 阅读

无奈啊~只怪读书时没有好好用功~看着JavaScript，一个头顿时变成两个。。。。。。。。 还好网络提供了很好的资料库~看了下，然后自己改了下，基本算能完成任务吧~写下一份存档，留待日后 复制代码 代码如下: function xingzuo（） { var start = 1901, date=document.getElementById（"txtDay"）.value, month=document.getElementById（"txtMonth...

javascript动画之圆形运动,环绕鼠标运动作小球

2017年02月06日 23 阅读

代码如下： 复制代码 代码如下: <script type="text/javascript"> var ball; var mouseX = 100; var mouseY = 100; var angle = 0; var radius = 50; function run（）{ if（ball === undefined）{ ball = document.createElement（"span"）; ball.style.positio...