JavaScript资料,JavaScript文章,JavaScript文档-易库教程

autoPlay 基于jquery的图片自动播放效果

2017年02月06日 20 阅读

效果图:实现代码:复制代码代码如下: <html> <head> <title>Jquery 自动轮播效果</title> <script src="js/jquery-1.6.2.min.js" type="text/javascript"></script> <style> .spanhide{display: none;} #top a:hover{color: r...

TimergliderJS 一个基于jQuery的时间轴插件

2017年02月06日 22 阅读

Timeglider JS是一个由javascript支持缩放，数据驱动的时间轴组件。非常适合显示项目历史，项目计划及其其它需要显示历史的项目。时间轴可以通过右边拖放垂直滑动器来缩放界面：向上缩小，向下放大。同时也支持使用滚轮来控制缩放。通过鼠标拖东空白处可以左右拖动时间轴，点击事件可以弹出一个小窗口来描述时间内容及其数据。 JS组件有以下几个目标：支持iPads和其它支持触摸的设备非常容易整合到基于HTML/JS应用和界面支持复杂的布局，并且可以...

5个javascript的数字格式化函数分享

2017年02月06日 21 阅读

十进制四舍五入这两段代码帮助你做到四舍五入，对于你显示价格或者订单比较有用：代码1：复制代码代码如下: function CurrencyFormatted（amount） { var i = parseFloat（amount）; if（isNaN（i）） { i = 0.00; } var minus = ""; if（i < 0） { minus = "-"; } i = Math.abs（i）; i = parseInt（（i + ....

基于jquery的代码显示区域自动拉长效果

2017年02月06日 22 阅读

下面是jquery的实现代码：复制代码代码如下: $（document）.ready（function（）{ $（"pre"）.hover（ function（）{ if（$（this）.width（）==520）{ $（this）.animate（{width:"800"},400）; $（this）.css（{border:"1px solid #2B99E6"}）; } }, function（）{ if（$（this）.width（）==800）...

js中document.getElementByid、document.all和document.layers区分介绍

2017年02月06日 22 阅读

document.all是IE 4.0及以上版本的专有属性，是一个表示当前文档的所有对象的娄组，不仅包括页面上可见的实体对象，还包括一些不可见的对象，比如html注释等等。在document.all数组里面，元素不分层次，是按照其在文档中出现的先后顺序，平行地罗列的。所以可以用数字索引来引用到任何一个元素。但比较常用的是用对象id来引用一个特定的对象，比如document.all["element"]这样。 document.layers是Netscape...

扩展Jquery插件处理mouseover时内部有子元素时发生样式闪烁

2017年02月06日 21 阅读

解决思路如下：首先，判断事件的当前节点，也就是jquery的currentTarget是否在target的包含中，即下面的扩展$.containsNode。然后，在调用hover的时候的mouseover和mouseout事件里判断currentTarget是否在target的包含中，即$.fn.fhover扩展下面就是相关代码：复制代码代码如下: $.containsNode = function（parentNode, childNode） ...

Javascript类定义语法,私有成员、受保护成员、静态成员等介绍

2017年02月06日 21 阅读

其实通俗的讲类就是对象的模板，为了增强JS的OO特性，受mootoos框架启发我们可以使用一个JSON对象来描述这个对象的模板。在这个模板中我们可以模拟实现私有成员，受保护成员，静态成员。这是一个在JS中模拟的类定义语法，代码中Class是一个自定义函数，它接受两个参数，第一个参数是类名、第二个参数是一个JSON用来一个对象的模板。在这个JSON对象中其中字段 "extend"，,"initialize","static" 为一些预定义关键字，所表示的意...

JQuery循环滚动图片代码

2017年02月06日 19 阅读

复制代码代码如下: function refresh（） { var s = $（".box1"）; if （！s.is（":animated"）） $（".box1"）.animate（{ marginLeft: "0px" }, "slow", function （） { $（".box1 img:first"）.before（$（".box1 img:last"））; $（".box1"）.css（"margin-left", "-206px"）;...

常见JS效果之图片减速度滚动实现代码

2017年02月06日 21 阅读

复制代码代码如下: <！DOCTYPE html> <html> <head> <meta charset="gb2312" /> <title>图片减速度滚动（by rentj1@163.com;）</title> <style> ul{ margin:0; padding:0} ul{ list-style:none;} body{font:12px/1.2 "宋体"...

电子商务网站上的常用的js放大镜效果

2017年02月06日 24 阅读

复制代码代码如下: jsFiddleRun again Edit this fiddle Result HTML <！DOCTYPE html> <html> <head> <meta charset="gb2312" /> <title>放大镜</title> <style> img{ vertical-align:bottom;} .mod_zoom{ overflo...

JS构建页面的DOM节点结构的实现代码

2017年02月06日 21 阅读

小提示：关于数组的concat和push方法。两者的区别主要有： concat是连接数组，不会修改原数组，返回值为连接后的数组，与push的重要区别是concat会展开数组的第一层子数组 push是添加数组元素。就地修改原数组，返回值为添加的新项，push不会展开传入的数组。复制代码代码如下: var a = [1,2,3,4]; var b = [4,5,6,7]; var c = a.push（b）; var d = a.concat（b）; ...

一个简单的js树形菜单

2017年02月06日 22 阅读

我练习一下，以免不时之需。树形菜单不过就是把普通菜单重新排列一下，看起来像树形而已。上图京东的菜单，给他多几个嵌套，然后添加收缩伸展事件，差不多就行了。给个例子:复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html&g...

FireFox下XML对象转化成字符串的解决方法

2017年02月06日 21 阅读

解决方法如下：复制代码代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>xml转化成字符串</title> <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script> <script language="javascr...

EasyUI的treegrid组件动态加载数据问题的解决办法

2017年02月06日 20 阅读

搜遍了treegrid源码和文档发现treegrid是扩展自datagrid和tree的，不过以往利用datagrid的reload方法加参数的方式加载查询结果数据，可是treegrid却只执行reload不能加载带参数的查询结果，可能是做了限制，如下代码不能加载查询结果：复制代码代码如下:<table id="treegrid" class="easyui-treegrid" url="/User/List"></table>$...

远离JS灾难css灾难之 js私有函数和css选择器作为容器

2017年02月06日 21 阅读

尽管js可以想面向对象那样去构造对象，隐藏私有方法，但需求变化的往往比你写程序还要快时，就连设计js对象的时间也没有了，所以我比较倾向于用js私有函数和js方法；jquery私有函数和jquery对外暴露方法的形式也可以实现，而页面生成的html结构则完全在js中生成，包括哪些id和class，这样可以最大限度的确保统一和重用的方便性，但也有个缺点，就是在重用时，如果需要样式发生变化（结构是死的不能变化），就需要用div将原来的结构包起来，相关的样式也需...

Jquery阻止事件冒泡 event.stopPropagation

2017年02月06日 21 阅读

描述：防止事件冒泡到DOM树上，也就是不触发的任何前辈元素上的事件处理函数。 version added: 1.0event.stopPropagation（）我们可以用 event.isPropagationStopped（）来确定这个方法是否（在那个事件对象上）调用过了。这个方法对 trigger（）来自定义的事件同样有效。注意，这不会阻止同一个元素上的其它事件处理函数的运行。 Additional Notes: 自从.live（）方法处理...

关于event.cancelBubble和event.stopPropagation（）的区别介绍

2017年02月06日 19 阅读

首先我在网上看到不少文章大体上分为两个（不正确）观点： 1. cancelBubble用于ie的阻止冒泡事件，event.stopPropagation（）用于firefox和chrome等其他浏览器。先不讲上面是对是错先看一个例子：（测试环境：chrom5.0.275.7, moz3.6.4, opera10.53, ie6,7,8）复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0...

整理8个很棒的 jQuery 倒计时插件和教程

2017年02月06日 21 阅读

jQuery倒计时插件和教程。jQuery CountdownspriteTimerphp ajax/jquery countdownAdd a Countdown Timer on Your WebsitejQuery FlipclockFancy CountdownCool jQuery Countdown JoomlajQuery Countdown...

用Mootools获得操作索引的两种方法分享

2017年02月06日 20 阅读

我们先说一下第一种方法,（此方法为一位QQ好友提供,感谢此人,此人昵称是:exf）复制代码代码如下: <body> <ul>Title1 <li>11111</li> </ul> <ul>Title2 <li>22222</li> </ul> <ul>Title3 <li>33333</li> </ul&...

背景图跟随鼠标移动的Mootools插件实现代码

2017年02月06日 24 阅读

效果演示:源代码: 复制代码代码如下: <script style="text/javascript" src="https://ajax.googleapis.com/ajax/libs/mootools/1.4.1/mootools-yui-compressed.js"></script> </head> <body id="a"> <h2 class="a">Single images&l...

首页 / 脚本样式 / JavaScript

autoPlay 基于jquery的图片自动播放效果

TimergliderJS 一个基于jQuery的时间轴插件

5个javascript的数字格式化函数分享

基于jquery的代码显示区域自动拉长效果

js中document.getElementByid、document.all和document.layers区分介绍

扩展Jquery插件处理mouseover时内部有子元素时发生样式闪烁

Javascript类定义语法,私有成员、受保护成员、静态成员等介绍

JQuery循环滚动图片代码

常见JS效果之图片减速度滚动实现代码

电子商务网站上的常用的js放大镜效果

JS构建页面的DOM节点结构的实现代码

一个简单的js树形菜单

FireFox下XML对象转化成字符串的解决方法

EasyUI的treegrid组件动态加载数据问题的解决办法

远离JS灾难css灾难之 js私有函数和css选择器作为容器

Jquery阻止事件冒泡 event.stopPropagation

关于event.cancelBubble和event.stopPropagation（）的区别介绍

整理8个很棒的 jQuery 倒计时插件和教程

用Mootools获得操作索引的两种方法分享

背景图跟随鼠标移动的Mootools插件实现代码