javascript水平方向手风琴焦点图

评论(0)浏览(198)分类：JavaScript/Ajax开发技巧
javascript水平方向手风琴焦点图　　javascript水平方向手风琴焦点图，效果如下源代码如下!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadtitlejavascript水平方向手风琴焦点图/titlemeta http-equiv=Content-Type content=text/html; charset=utf-8 /scri..

javascript控制页面自动滚动

评论(0)浏览(116)分类：JavaScript/Ajax开发技巧
javascript控制页面自动滚动　　需求说明1，有一个很长的页面，需要一打开这个页面就自动向下滚动2，在滚动过程中，用户点击滚动条或其他地方，滚动事件能够马上停止。我的导航条是始终悬浮在屏幕顶部的，锚链接都是链接的这一个页面的不同地方，所以我 希望在页面滚动过程中，点击导航链接能跳转过去，或者用户不喜欢页面自己滚动可以自己拖动滚动条去自己想看的地方。我网..

jQuery zTree获取勾选节点的全路径

评论(0)浏览(1744)分类：JavaScript/Ajax开发技巧
jQuery zTree获取勾选节点的全路径　　功能实现：勾选jQuery zTree的某个节点后，获取根节点到当前被勾选的节点的路径。　　实现方法：注册onCheck事件，在事件中获取当前节点，然后通过treeNode.getParentNode遍历父亲节点连接成路径。源代码如下!DOCTYPE htmlHTMLHEAD TITLEjQuery zTree获取勾选节点的全路径/TITLE meta http-equiv=content-type content=text/html; cha..

CSS1Compat模式下IE8+ onpropertychange bug

评论(0)浏览(135)分类：JavaScript/Ajax开发技巧
CSS1Compat模式下IE8+ onpropertychange bug　　CSS1Compat模式下IE，给输入控件注册了onpropertychange事件后，如果在事件中修改了控件的值，IE下会再次触发onpropertychange事件，但是此时输入内容，不会响应onpropertychange事件了，再输入一个字符才会响应，如此重复。firefox下对应的oninput事件，对javascript动态设置控件内容不会响应oninput事件，IE则会响应onpropertychange事件。..

IE8+只有在xhtml模式下才支持JSON对象

评论(0)浏览(461)分类：JavaScript/Ajax开发技巧
IE8+只有在xhtml模式下才支持JSON对象　　标准浏览器如chrome，firefox都支持JSON对象，将json对象转为对应json格式的字符串（JSON.stringify）或者将json格式的字符串转为json对象（JSON.parse）。　　IE8+浏览器也支持JSON对象，但是是有条件的，需要添加xhtml申明或者使用X-UA-Compatible指定为IE8或者edge模式，X-UA-Compatible要放对位置，要不有可能无效。参考：IE X-UA-Compa..

jQuery.cookie.js中文API

评论(1)浏览(2644)分类：JavaScript/Ajax开发技巧
jQuery.cookie.js中文APIjquery.cookie.js中文API一个简单，轻量级的jQuery插件，用于读，写，删除浏览器cookie。安装将最后贴出的jQuery.cookie.js源代码保存为js文件，然后在jQuery类库后面用script导入jquery.cookie.js文件。script src=/path/to/jquery.js/scriptscript src=/path/to/jquery.cookie.js/script备注：不要直接引用GitHub网站的jquery.cookie.js文件。..

javascript AMD模块规范

评论(0)浏览(162)分类：JavaScript/Ajax开发技巧
javascript AMD模块规范　　目前，通行的Javascript模块规范共有两种：CommonJS和AMD。我主要介绍AMD，但是要先从CommonJS讲起。CommonJS2009年，美国程序员Ryan Dahl创造了node.js项目，将javascript语言用于服务器端编程。　　这标志Javascript模块化编程正式诞生。因为老实说，在浏览器环境下，没有模块也不是特别大的问题，毕竟网页程序的复杂性有限；但是在服务器..

javascript+cookie实现的文本输入记录

评论(0)浏览(209)分类：JavaScript/Ajax开发技巧
javascript+cookie实现的文本输入记录　　功能要求：有一个文本框，旁边有个button，点击按钮后将文本框输入的内容保存到cookie。在文本框得到焦点后，在下方显示这个文本框输入过的最近的五个词语。　　示例源代码如下style#dvPop{display:none;position:absolute;left:0px;top:20px;border:solid 1px #000000;background:#ffffff;width:200px;}/stylediv style=position:relativei..

XDomainRequest，IE8+跨域请求对象

评论(0)浏览(5979)分类：JavaScript/Ajax开发技巧
XDomainRequest，IE8+跨域请求对象　　XDomainRequest，ie8+浏览器跨域请求的ajax对象。XDomainRequest成员　　XDomainRequest对象有如下成员事件方法属性事件　　XDomainRequest对象有如下事件事件名称描述onerror在跨域请求发生错误时触发，事件方法没有参数。示例如下function err(){ alert(XDR onerror);}//...xdr.onerror = err; onload跨域请求完毕后触发，事件方法没有..

javascript实现系统屏幕保护效果，锁定网页

评论(0)浏览(197)分类：JavaScript/Ajax开发技巧
javascript实现系统屏幕保护效果，锁定网页　　功能描述：打开一个网站的网页，过5分钟不动作，就会锁定页面，隐藏内容容器，显示一个容器用于输入密码，输入正确的密码来解锁。锁定后即使用户刷新页面，还是保留原来的状态。如已经锁定的，需要继续锁定，否则显示内容。　　示例代码如下，通过document.onmouseover来实现多少分钟没有动作，使用计时器来实现。 div id=dvContent内容br /..

firefox下javascript设置marquee innerHTML滚动bug

评论(0)浏览(206)分类：JavaScript/Ajax开发技巧
firefox下javascript设置marquee innerHTML滚动bug　　在firefox下，在当前的文档流完全关闭后设置marquee标签的innerHTML（我是这样理解的，具体就不清楚firefox下marquee的机制了，看下面的示例），如果内容长度大于marquee设置的长度，会导致滚动到边界时，内容重头滚定，而没有继续滚动剩余的内容。　　猜测可能是firefox文档流关闭时计算过marquee的宽度什么的，导致marquee内容宽度滚动。　..

禁止选择网页内容

评论(0)浏览(398)分类：HTML/CSS兼容/XML
禁止选择网页内容　　用css禁止选择浏览器显示的网页的内容user-select有两个值none：用户不能选择文本text：用户可以选择文本　　注意：user-select不是一个W3C的CSS标准属性，浏览器支持的不完善，各种浏览器的实现都不一样，需要针对不同浏览器加上对应的CSS，示例代码如下 body{ -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*we..

html标签marquee使用说明

评论(0)浏览(190)分类：HTML/CSS兼容/XML
html标签marquee使用说明　　MARQUEE 元素不属于 W3C 规范中的元素，它最初由 IE2.0 引入，是微软为 IE 浏览器发明的特有元素，然而目前所有的主流浏览器均支持 MARQUEE 元素。　　MARQUEE 元素用来创建一个文字滚动区域，并提供了一些特有的属性、方法及事件。语法marquee/marquee　　以下是一个最简单的例子：marqueefont size=+3 color=redHello, World/font/marquee..

zTree分层显示，分层联动示例

评论(0)浏览(942)分类：JavaScript/Ajax开发技巧
zTree分层显示，分层联动示例　　功能描述：一棵多层的树，将其某个层之下的子节点显示到一棵新的树中（如：前面两级在左侧的一棵树中显示，对应的2级节点的三级和四级(如果有的话) ,显示在右侧新的树中，如select的联动一样）　　本文使用zTree_v3.4，如果其他版本的zTree，自行参考API修改对应的方法，zTree_v3.4下载地址：zTree_v3.4下载，zTree_v3.4示例，zTree_v3.4中文..

javascript cloneNode无法复制事件

评论(0)浏览(731)分类：JavaScript/Ajax开发技巧
javascript cloneNode无法复制事件　　在标准浏览器（firefox，chrome，非IE核心的）下，cloneNode(true)是不复制事件的，以防止循环引用无法释放内存，而IE却没有考虑到这一点，把事件复制了（inconformity），并且IE只能复制通过attachEvent添加的事件，直接通过domNode.onclick添加的事件也无法复制。　　测试代码如下script window.onload = function () { functio..

javascript鼠标滚轮滚动事件

评论(0)浏览(2019)分类：JavaScript/Ajax开发技巧
javascript鼠标滚轮滚动事件 　　javascript如何绑定对象的鼠标滚轮事件，对对象触发鼠标滚轮事件时，如何阻止鼠标滚轮事件冒泡，不允许当前视窗滚动。　　下面对主流浏览器进行了测试（firefox12，opera12.5，safari5.0.4，chrome25，IE7~8）事件如何绑定　　firefox只支持DOMMouseScroll事件，不支持onmousewheel，其他浏览器只支持onmousewheel事件，如下表所示浏览器/事..

jplayer使用说明文档API

评论(0)浏览(2788)分类：JavaScript/Ajax开发技巧
jplayer使用说明文档APIjPlayer 2.1.0 开发指南如果你第一次使用jPlayer，请参考入门指南（ Quick Start Guide）。有其他问题，查看支持页面的FAQ。jPlayer API中文文档jPlayer 基础jPlayer支持的媚态格式Setting the size of jPlayerFlash Security RulesMedia EncodingServer ResponseHow to disable jPlayer with CSS or jQueryjPlayer FilesPlugin FilesSource Fil..

CSS2，css3选择器总结

评论(0)浏览(116)分类：HTML/CSS兼容/XML
CSS2，css3选择器总结CSS选择器笔记阮一峰 整理参考网址：456 Berea Street一、基本选择器序号选择器含义1.*通用元素选择器，匹配任何元素2.E标签选择器，匹配所有使用E标签的元素3..infoclass选择器，匹配所有class属性中包含info的元素4.#footerid选择器，匹配所有id属性等于footer的元素实例： * { margin:0; padding:0; } p { font-size:2em; } .info {..

JavaScript正则compile方法

评论(0)浏览(139)分类：JavaScript/Ajax开发技巧
JavaScript正则compile方法JavaScript正则compile定义和用法compile() 方法用于在脚本执行过程中编译正则表达式。compile() 方法也可用于改变和重新编译正则表达式。语法RegExpObject.compile(regexp,modifier)参数描述regexp正则表达式。modifier规定匹配的类型。g 用于全局匹配，i 用于区分大小写，gi 用于全局区分大小写的匹配。示例　　在字符串中全局搜索 man，并用 ..

jquery文档处理方法append，html可以执行脚本

评论(0)浏览(617)分类：JavaScript/Ajax开发技巧
jquery文档处理方法append，html可以执行脚本　　今天才发现原来jquery文档处理方法如append，html，before等方法可以执行内容中的script标签中的javascript脚本或者加载src指向的脚本文件，真是失败啊，用了那么久jquery...注意：text方法除外，text方法会将html标签中的替换为对应的实体对象　　jquery源代码中部分文档处理方法如下 append: function() { return this.domManip..

CSS跨浏览器颜色渐变

评论(0)浏览(130)分类：HTML/CSS兼容/XML
CSS跨浏览器颜色渐变　　Webkit大约在两年前推出CSS渐变特性，可惜由于大多数浏览器都对它不是很兼容，这个属性很少被使用。但是现在随着越来越多的浏览器对渐变 的支持，我们不必再通过图片来创造渐变的效果了。这篇文章将会告诉你如何通过CSS来创造对于主流浏览器都兼容的渐变：Firefox 3.6+、 Safari、Chrome和IE浏览器。对于Webkit浏览器下面代码适用于webkit浏..

IE颜色渐变滤镜FILTER:progid:DXImageTransform.Microsoft.Gradient

评论(0)浏览(539)分类：HTML/CSS兼容/XML
IE颜色渐变滤镜FILTER:progid:DXImageTransform.Microsoft.GradientIE颜色渐变滤镜progid:DXImageTransform.Microsoft.Gradient参数介绍及使用语法：filter:progid:DXImageTransform.Microsoft.Gradient(enabled=bEnabled,startColorStr=iWidth,endColorStr=iWidth)参数：enabled：可选项。布尔值(Boolean)。设置或检索滤镜是否激活。 true | false　　true: 默认值。滤镜激活。　　false:滤镜被禁止。startColor..

HTML5 Audio/Video属性,方法,事件列表

评论(0)浏览(553)分类：HTML/CSS兼容/XML
HTML5 Audio/Video属性,方法,事件列表audio 标签属性：src：音乐的URLpreload：预加载autoplay：自动播放loop：循环播放controls：浏览器自带的控制条Html代码audio id=media src=http://www.abc.com/test.mp3 controls/audio video 标签属性：src：视频的URLposter：视频封面，没有播放时显示的图片preload：预加载autoplay：自动播放loop：循环播放controls：浏览器自带的控制条w..

jquery代码性能优化技巧

评论(0)浏览(145)分类：JavaScript/Ajax开发技巧
jquery代码性能优化技巧1，总是从ID选择器开始继承　　在jQuery中最快的选择器是ID选择器，因为它直接来自于JavaScript的getElementById()方法。　　例如有一段HTML代码：div id=content form method=post action=# h2交通信号灯/h2 ul id=traffic_light liinput type=radio class=on name=light value=red/ 红色/li liinput type=radio class=off name..

手机浏览器javascript事件，css总结

评论(0)浏览(546)分类：JavaScript/Ajax开发技巧
手机浏览器javascript事件，css总结1. viewport：　　也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域，这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport;实际上我们可以操作的属性有4 个：width - // viewport 的宽度 （范围从200 到10,000，默认为980 像素）heigh..

javascript Labeled语句实现goto语句

评论(0)浏览(3276)分类：JavaScript/Ajax开发技巧
javascript Labeled语句实现goto语句　　javascript不支持goto语句，但是可以用break和continue来模拟实现。Labeled 语句：为语句提供一个标识符。label : statements参数：label，必选项。在引用有标签的语句时使用的一个唯一的标识符。statement：可选项。与 label 相关联的一个或多个语句。可以是复合语句。说明：标签由 break 和 continue 语句使用，用来指示 break 和 continu..

javascript检查键盘是否已经按下caps lock键

评论(0)浏览(147)分类：JavaScript/Ajax开发技巧
javascript检查键盘是否已经按下caps lock键　　javascript检查输入时是否已经按下caps lock键或者按下按下shift键，输入状态为大写输入状态。　　注意：需要使用keypress事件，不能使用keyup或者keydown事件，这样获取到的keyCode都是大写状态下的keyCode。使用keypress时，firefox需要使用which属性，不能使用keyCode，此时keyCode为0。　　测试代码如下!DOCTYPE html PUBLIC -//W3C//DT..

jquery 1.5新增deferred对象总结

评论(0)浏览(166)分类：JavaScript/Ajax开发技巧
jquery 1.5新增deferred对象总结　　原文网址：http://www.ruanyifeng.com/blog/2011/08/a_detailed_explanation_of_jquery_deferred_object.html　　jQuery 1.5.0版本开始引入的一个新功能----deferred对象。　　这个功能很重要，未来将成为jQuery的核心方法，它彻底改变了如何在jQuery中使用ajax。为了实现它，jQuery的全部ajax代码都被改写了。但是，它比较抽象，初学者很难..

node.js如何访问mssqlserver数据库

评论(0)浏览(163)分类：JavaScript/Ajax开发技巧
node.js如何访问mssqlserver数据库　　Node.js一直都与mysql , Nosql 配合使用，对于Sql Server却没有很好的支持，一直都是小众技术人员自己编写访问程序。　　2012年微软公司官方发行一款Node.js访问Sql Server的驱动程序msnodesql ，让Node.js访问SQL Server更加简单。安装msnodesql 下载地址：下载 自行选择与自己系统相符的版本，点击安装。msnodesql 官方地址：https://gith..

console.log在IE8+提示未定义

评论(0)浏览(1455)分类：JavaScript/Ajax开发技巧
console.log在IE8+提示未定义　　console.log方便在浏览器控制台输出对象的信息，非IE浏览器基本都支持console.log调试。　　IE8+浏览器增加了开发人员工具，在开发人员工具下支持console.log语句。　　但是需要注意的是：使用console对象查看对象信息，在IE8+浏览器下未打开过开发人员调试工具的情况下，会报console.log在IE8+提示未定义错误。　　打开过开发人员工具后，再..