技术开发

JavaScript技术

jQuery Autocomplete自动完成插件

阅读(19) 作者(admin)

相对于同类插件,他的特色有3点。 1、可缓存查询结果 (二次查询速度快) 2、非keyup监听方式 (解决某些系统/情况下无法触发keyxxx事件的问题) 3、简洁的参数 (好看?)

插件性能尚好,我的E6500、2G内存,30秒内一共发生了4469次调...

JavaScript技术

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

阅读(24) 作者(admin)

这是个功能非常简单的类,只实现了拖拽的功能,当然,代码也因此保持了原始的简洁,下面是这个类库的代码: 代码 复制代码 代码如下: /************************************************** * Drag.js * 作者:橡树小屋 07.17.20...

JavaScript技术

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

阅读(20) 作者(admin)

我的思路是,在编写独立模块的时候,注意将这些方法集成到$.tools对象中,接下来,在页面中,调用控制器载入模块,并在载入完成后判断$.tools中对象的个数与预定义载入的模块数是否相等,如不等继续等待,如相等执行回调函数。 复制...

JavaScript技术

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

阅读(29) 作者(admin)

参考无忧cosin的方法后(多谢),整理的方法如下 复制代码 代码如下: //一段随机数,模拟用 var baseNum=[]; for(var i= 0;i< 100000 ;i++){ random = Math.floor(Math.random()*i); baseNum.push(random); } var baseNumLen...

JavaScript技术

基于jQuery试卷自动排版系统

阅读(24) 作者(admin)

需求 根据提供的试卷题目(是一个干净的只有“数据”的HTML网页)生成一份多页的试卷,用户能执行翻页、具有答题时间限制,展示给用户的试卷中题目需要占用尽量少的空间(比如选择题中把两条较短的选项由两行合并到一行)、同一...

JavaScript技术

Date对象格式化函数代码

阅读(15) 作者(admin)

复制代码 代码如下: /* * 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. * R...

js+css在交互上的应用
JavaScript技术

js+css在交互上的应用

阅读(14) 作者(admin)

但灵活应用CSS会有给人眼前一亮的感觉!

以下用一个简单的例子来阐述我想说的。

CSS代码: 复制代码 代码如下: #nav li ul { display:none; } HTML代码: 复制代码 代码如下: <div id="nav"> <ul class=""> <li> <h3>...

JavaScript技术

js 上下文字滚动效果

阅读(27) 作者(admin)

js实现的文字向上滚动效果,适合文字公告等。 test #textHeight{line-height:25px; height:25px; overflow:hidden; width:150px; font-size:12px; border:solid 1px #666;} 博客园 | 脚本之家 | csdn |...

JavaScript技术

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

阅读(32) 作者(admin)

前两天在网上看到这一系列的文章《写一个JavaScript异步调用框架1,2,3,4,5,6》。

异步操作可能会产生你不希望的事件触发顺序。这个问题以前也遇到过,当时没想太多,也就是直接多层嵌套(在ajax返回以后嵌套下一个事件)来...

JavaScript技术

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

阅读(18) 作者(admin)

无标题文档 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]在这里我引用这段代码不是因为要方便自己以后调用,而是发现了一点我从没有用到的方法。

getElementsByClassName 有三个参数,但调用...

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

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

阅读(24) 作者(admin)

本文介绍的方法,触发条件独立,可以全选或取消全选指定 name 的 CheckBox , 同一页面可以有多组供全选的 CheckBox ,功能健全,通用性较强。 效果图:运行查看效果: 字母全选开关 a b c d e f g
数字全选开关 1...

JavaScript技术

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

阅读(24) 作者(admin)

无奈啊~只怪读书时没有好好用功~看着JavaScript,一个头顿时变成两个。。。。。。。。 还好网络提供了很好的资料库~看了下,然后自己改了下,基本算能完成任务吧~写下一份存档,留待日后 复制代码 代码如下: function xingzu...

轻量级 JS ToolTip提示效果
JavaScript技术

轻量级 JS ToolTip提示效果

阅读(23) 作者(admin)

鼠标经过出现的提示效果,比title更漂亮,可订制。JS: 复制代码 代码如下: //---------------------------tooltip效果 start----------------------------------- //获取某个html元素的定位 function GetPos(obj){ var po...

JavaScript技术

js 返回时间戳所对应的具体时间

阅读(24) 作者(admin)

如题所示,返回unix时间戳所对应的具体时间: 复制代码 代码如下: var time = '1278927966'; // 关键在乘1000,因为时间是相对于1970年开始的,所以乘1000后将会转到当前时间。 var real_time = new Date(time) * 1000; docu...

JavaScript技术

javascript 数据类型转换(parseInt,parseFloat)

阅读(24) 作者(admin)

javascript有两种数据类型的转换方法:

(一)将整个值从一种类型转换为另一种数据类型(称作基本数据类型转换)

(二)从一个值中提取另一种类型的值,并完成转换工作



基本数据类型转换的三种方法:

1.转换为字符型:String()...

JavaScript技术

dess中一个简单的多路委托的实现

阅读(22) 作者(admin)

复制代码 代码如下: var SDelegate = function(f, b, c) { if (b) { this.asFunction_ = function() { return f.apply(b, arguments); } } else { this.asFunction_ = function() { return f.apply(this, arguments)...

JavaScript技术

用js实现的模拟jquery的animate自定义动画(2.5K)

阅读(18) 作者(admin)

后来发现还不错。不如继续写下去。 这个版本基本上跟jquery的animate一样了。 我是说效果基本上一样了。(效率还没测试过。); 如果有专业测试人员 帮我测试下。 1:功能说明   兼容主流浏览器。 1:支持回调函数;   2:支持...

JavaScript技术

一个简单的js动画效果代码

阅读(46) 作者(admin)

实现的功能:移动,暂停,恢复,停止.

未实现的功能:无法实现单位换算,不能实现颜色渐变(还有很多,有待完善...)

代码中的使用方法如下: 复制代码 代码如下: var $m = $M("divAnimate");

_("btnAnimate").onclick =...

JavaScript技术

js模拟jquery的slide和fadeIn和fadeOut功能

阅读(19) 作者(admin)

就想了想 jquery是怎么实现的呢,无奈,哥能力差,还不到研究jquery源码的时候。那好吧,自己做个很简陋的版本,呵呵!好像还行,等哥的能力上去了再来优化下 三栏布局 #main1{ margin:20px auto; width:200px; background-co...

JavaScript技术

(function($){...})(jQuery)的意思

阅读(20) 作者(admin)

这里实际上是匿名函数

function(arg){...} 这就定义了一个匿名函数,参数为arg

而调用函数时,是在函数后面写上括号和实参的,由于操作符的优先级,函数本身也需要用括号,即: (function(arg){...})(param) 这就相当于定义...

关于javascript DOM事件模型的两件事
JavaScript技术

关于javascript DOM事件模型的两件事

阅读(31) 作者(admin)

事件捕捉(Event Capture)的实现问题

W3C DOM Level2的事件模型规范中,事件在DOM树中的传播过程(从根节点到目标节点)被分为了两个阶段:捕捉(Capture)和冒泡(Bubbling)。下面这个图能大概的说明整个过程: (from W3C)

如果想创...