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

一个简单的js树形菜单

2016年07月27日 5 阅读

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

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

2016年07月27日 8 阅读

解决方法如下：复制代码代码如下: <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组件动态加载数据问题的解决办法

2016年07月27日 6 阅读

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

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

2016年07月27日 5 阅读

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

Jquery阻止事件冒泡 event.stopPropagation

2016年07月27日 5 阅读

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

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

2016年07月27日 7 阅读

首先我在网上看到不少文章大体上分为两个（不正确）观点： 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 倒计时插件和教程

2016年07月27日 5 阅读

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

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

2016年07月27日 5 阅读

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

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

2016年07月27日 5 阅读

效果演示:源代码: 复制代码代码如下: <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...

分享一个用Mootools写的鼠标滑过进度条改变进度值的实现代码

2016年07月27日 5 阅读

先給大家看看效果:效果介紹: 鼠标滑过进度条改变进度值.兼容性: 可完美兼容IE6,IE7,IE8,Chrome,Firefox代码:复制代码代码如下: <script style="text/javascript" src="https://ajax.googleapis.com/ajax/libs/mootools/1.4.1/mootools-yui-compressed.js"></script> <style ...

使用Mootools动态添加Css样式表代码,兼容各浏览器

2016年07月27日 5 阅读

但是这样做就不利于插件的移植,所以就写了这个函数用来动态产生Css. 复制代码代码如下: AddCss=function（c）{ var Sty=document.createElement（"style"）; Sty.type="text/css"; if（Browser.ie）{ Sty.styleSheet.cssText=c; }else{ var Frag=document.createDocumentFragment（）; Frag.appe...

js 可拖动列表实现代码

2016年07月27日 5 阅读

补充一点：要禁止移动中选中文字，FF可以设置CSS xxxx{-moz-user-select:none;} 其他的浏览器可以设置 XXXX.onselectstart = function（）{return false} 一种实现原理就是点击没目标元素之后，创建一个占位元素（或者复制一份目标元素，即拷贝B），然后拖动目标元素（或者复制的来的新元素B）；找到相应的位置之后，插入目标元素。清除占位元素或者B。比如有一个列表：复制代码代码如下: &l...

cnblogs 代码高亮显示后的代码复制问题解决实现代码

2016年07月27日 5 阅读

没想到最近（2012年12月份）实现代码复制问题，要不所有内容都是一行，只有拥有工具的人士才能很快的看到代码，这样代码用起来就简单多了，可以直接复制了啊，不用每次是转化什么的。这篇文章技术是技术为主，看看他们用了什么方法，需要的朋友可以参考下。为方便备份，先打包一份代码，有需要的自己研究。复制代码代码如下://#region Copy&Run Code $（function （） { var hlCodes = $（"#cnblogs_post_body...

jQuery版仿Path菜单效果

2016年07月27日 5 阅读

使用方法: 1.依次引用jquery.1.7.1,jQueryRotateCompressed.2.1.js（旋转插件）,jquery.path.1.0.js（我自己写的Path插件） 2.页面元素采用如下格式复制代码代码如下: <div id="content"> <div>单击我</div> <div>★</div> <div>★</div> <...

JS获取整个页面文档的实现代码

2016年07月27日 5 阅读

唯一需要注意的地方： innerText与textContent，显示页面的时候不能用innerHTML，否则会被解析。innerText与textContent是在除FF之外的浏览器与FF之间的差异。复制代码代码如下: var innerText = document.body.innerText ？ "innerText" : "textContent"; 上面的语句在开头处理以避免多次判断 demo贴图： demo：复制代码代码如下: &l...

用nodejs访问ActiveX对象，以操作Access数据库为例。

2016年07月27日 8 阅读

起因有人提问“如果用nodejs访问sql server？” 找了找资料，发现有两类解决方法，使用第三方nodejs插件：https://github.com/orenmazor/node-tds、使用ADODB.ConnectionActiveX对象。参考： http://stackoverflow.com/questions/857670/how-to-connect-to-sql-server-database-from-javascript h...

jquery focus（fn）,blur（fn）方法实例代码

2016年07月27日 8 阅读

首先建一个CSS样式表 .highlight{border: 1px solid #EFA100;outline: 2px solid #FFDC97;} 然后增加如下代码复制代码代码如下: <script type ="text/javascript" language ="javascript"> $（document）.ready（function（）{ $（"input[type=text]"）.focus（function（）{ ...

javascript管中窥豹形参与实参浅析

2016年07月27日 6 阅读

引子：今天看到别人的一个题目：复制代码代码如下: function fn（x）{ x = 10; arguments[0] = 20; console.log（x,arguments[0]） } fn（）感觉自己对这也是一知半解，自己也可以试一下，于是就特地分析一下。本想从语言的角度来分析，无奈功力不够，只能粗浅的尝试一下，于是称之管中窥豹，还望大牛指正。这是昨天写的，今天吃饭的时候又想了一下，想来想去感觉有些问题还是说得不靠谱，于是又试着修...

用jQuery模拟页面加载进度条的实现代码

2016年07月27日 5 阅读

因为我们无法通过任何方法获取整个页面的大小和当前加载了多少，所以想制作一个加载进度条的唯一办法就是模拟。那要怎么模拟呢？我们知道，页面是从上往下执行的，也就是说我们可以大致估算出在页面的某个位置加载了多少，而后用jq模拟出一个进度条来显示。首先我们先画一个进度条的样子，也就是上图图中的样子，这个不用过多说明，自己看代码 CSS 复制代码代码如下: *{margin:0;padding:0;font-size:12px} .loading{...

javascript面向对象编程代码

2016年07月27日 6 阅读

复制代码代码如下: var orchard = function （）{ //基类型构造函数代理静态方法都在代理函数上 this.constructor && this.constructor.apply（this,arguments）; }; orchard.extend = function（） { var parentObj = this; var parameters = parentObj.parameters ？ parentObj.par...

首页 / 脚本样式 / JavaScript

一个简单的js树形菜单

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

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

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

Jquery阻止事件冒泡 event.stopPropagation

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

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

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

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

分享一个用Mootools写的鼠标滑过进度条改变进度值的实现代码

使用Mootools动态添加Css样式表代码,兼容各浏览器

js 可拖动列表实现代码

cnblogs 代码高亮显示后的代码复制问题解决实现代码

jQuery版仿Path菜单效果

JS获取整个页面文档的实现代码

用nodejs访问ActiveX对象，以操作Access数据库为例。

jquery focus（fn）,blur（fn）方法实例代码

javascript管中窥豹 形参与实参浅析

用jQuery模拟页面加载进度条的实现代码

javascript面向对象编程代码

javascript管中窥豹形参与实参浅析