jQuery.cookie.js中文API

评论(1)浏览(2645)分类：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+cookie实现的文本输入记录

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

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

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

firefox下javascript设置marquee innerHTML滚动bug

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

禁止选择网页内容

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

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

javascript鼠标滚轮滚动事件

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

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..

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

评论(0)浏览(148)分类：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..

console.log在IE8+提示未定义

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

javascript自动格式化输入的数字金额

评论(1)浏览(564)分类：JavaScript/Ajax开发技巧
javascript自动格式化输入的数字金额　　需求：javascript自动格式化输入的数字金额，每3位数字后面增加一个,逗号分隔开，失去焦点后自动删除逗号，防止数据库写入数字类型的字段时出错，获取焦点或者输入的时候自动格式化金额。效果如下源代码如下script function formatter(o, blur) { o.value = o.value.replace(/[^\d]/g, '');//删除非数字的内容，防止乱输入..

让innerHTML里的script跑起来

评论(0)浏览(245)分类：JavaScript/Ajax开发技巧
让innerHTML里的script跑起来　　直接设置容器的innerHTML，如果设置的内容里面包含了script代码块，是不会执行的，所以需要做一些处理　　示例代码如下，firefox需要获取script标签，eval里面的内容，ie就简单了，在设置innerHTML前替换script为script defer就行了div id=dv/divscriptwindow.onload=function(){ var dv=document.getElementById('dv'); var s=&#..

jquery.validate.js valid方法及注意事项

评论(1)浏览(7658)分类：JavaScript/Ajax开发技巧
jquery.validate.js valid方法及注意事项　　1）jquery.validate.js第一次调用valid方法时，即使验证出错，也会返回true，第二次验证时如果还有错误才会才会返回false。所以不要根据调用valid方法返回的结果来判断是否要进行下一步的处理，有可能出问题。form id=myforminput type=text name=name1 requiredbr /input type=text name=name2 requiredbrbuttonValidate!/button/formscrip..

html5 required属性不用写js就能验证非空错误

评论(0)浏览(2063)分类：HTML/CSS兼容/XML
html5 required属性不用写js就能验证非空错误　　今天研究jquery.validation.js插件的时候，发现即使删除了页面上的所有js文件，提交表单的时候既然会提示请填写此字段的错误信息，神奇了。源代码如下form class=cmxform id=commentForm method=get action=label for=cemailE-Mail (required)/labelinput id=cemail type=email name=email required /pinput class=submit type=submit value..

li中嵌套img导致li垂直方向下端多出4px空白边解决办法

评论(0)浏览(302)分类：HTML/CSS兼容/XML
li中嵌套img导致li垂直方向下端多出4px空白边解决办法　　当li中嵌套了img元素时，li的垂直方向下端会莫名其妙的多出4px的空白边，ie6-7【以下简称ie】，firefox，chrome存在li空白边,firefox和ie6-7一样是4px，chrome下则是3px，IE8没有受到影响，神奇。。示例代码和布局图比较如下ul style=margin:0px;padding:0pxli style=margin:0px;padding:0px;zoom:1;overflow:hiddenimg src=v.png//li/ul　　..

输入框onchange,oninput,onpropertychange事件区别

评论(0)浏览(578)分类：HTML/CSS兼容/XML
输入框onchange,oninput,onpropertychange事件区别输入框（input）onchange,oninput,onpropertychange事件区别和兼容行分析onchange触发条件：输入框的值改变，失去焦点(onblur)后触发。兼容性：各浏览器都支持。oninputonpropertychange触发条件：输入时，实时触发，而不是失去焦点才触发。兼容性：oninput：Chrome/IE9/Firefox/Safari/Operaonpropertychange：IE6/IE7/IE8/IE9所以如果要实现输..

css修改鼠标选中内容显示样式

评论(0)浏览(179)分类：HTML/CSS兼容/XML
css修改鼠标选中内容显示样式　　通过样式修改鼠标选中的内容的颜色／背景色样式，而不是默认的深蓝色蓝底白色的字。　　本示例在IE8-浏览器下无效，如果是IE浏览器请升级到IE9+，chrome，opera，safari，firefox下运行看效果style*::-moz-selection{background:#93C; color:#FCF;}*::selection{background:#93C; color:#FCF;} /style通过样式修改鼠标选中的内容的颜色／背景..

让IE6支持css position：fixed定位

评论(0)浏览(134)分类：JavaScript/Ajax开发技巧
让IE6支持css position：fixed定位　　IE6不支持position:fixed，IE6不支持position:fixed，解决技巧使用Internet Explorer的CSS表达式(expression)。你不可以直接使用该表达式，因为它可能会因为缓存而不更新。解决这一点的最简单的方式是使用eval动态解析执行javascript语句。　　IE6下移动浮动层还会出现闪动问题，解决方法参考：解决ie下移动浮动层闪动问题　　让IE6支持posi..

解决ie下移动浮动层闪动问题

评论(0)浏览(776)分类：HTML/CSS兼容/XML
解决ie下移动浮动层闪动问题　　IE浏览器下如果使用setInterval/setTimeout计时器实现实时移动浮动层时，浮动层会有一些细微的闪动或者震动，因为IE有一个多步的渲染进程，当滚动或调整浏览器大小的时候，它将重置所有内容并重画页面，这个时候它就会重新处理css表达式。这会引起一个丑陋的闪动/振动bug，在此处固定位置的元素需要调整以跟上(页面的)滚动，就会出现跳动。　..

IE glow滤镜

评论(0)浏览(151)分类：HTML/CSS兼容/XML
IE glow滤镜　　IE glow滤镜：在对象边缘添加类似发光效果　　语法： STYLE=filter:Glow(Color=color,Strength=strength) 　　说明：Color:发光颜色. Strength:强度(0-100) 例子：filter:Glow(Color=#6699CC,Strength=5) 　　注意：作用域图片时，图片需要透明背景，要不不起作用。　　IE glow滤镜测试代码和效果style body{background:#ffffff} ..

IE gray，invert，xray滤镜

评论(0)浏览(108)分类：HTML/CSS兼容/XML
IE gray，invert，xray滤镜　　IE gray滤镜：把图片变为一张黑白颜色灰度图　　语法:：STYLE=filter:Gray　　IE invert滤镜：把对象的可视化属性全部翻转，包括色彩，饱和度和亮度　　语法：STYLE=filter:Invert　　IE Xray滤镜：使对象变得像被x光照射一样　　语法：STYLE=filter:Xray　　IE gray，invert，xray滤镜测试代码和效果style body{background:#ffffff} ..

模仿淘宝文本框内容放大效果

评论(0)浏览(115)分类：JavaScript/Ajax开发技巧
模仿淘宝文本框内容放大效果　　模仿淘宝的文本框内容放大效果，当输入框输入内容的时候，在文本框上部显示放大的文本框输入内容。输入框失去焦点或者内容为空时隐藏提示内容。效果如下源代码如下，兼容ie，firefox等主流浏览器，注意DOM结构。。br /br /style type=text/cssdiv.input{position:relative;width:230px;}div.input input{width:100%;border:solid 1px #0077f..

IE Chroma滤镜

评论(0)浏览(107)分类：HTML/CSS兼容/XML
IE Chroma滤镜　　IE Chroma滤镜：设置图片中指定的颜色为透明色，不显示原来的色彩语法filter:Chroma(Color=color)说明 ：color:#rrggbb格式，任意. 例子：filter:Chroma(Color=#FFFFFF) 备注：经测试，对文字容器的背景色不起作用，只作用于图片 IE Chroma滤镜示例style.chroma0{filter:Chroma(Color=#ff0000)}.chroma1{filter:Chroma(Color=#008000)}/sty..

IE FlipH,FlipV滤镜

评论(0)浏览(132)分类：HTML/CSS兼容/XML
IE FlipH,FlipV滤镜　　IE FlipH,FlipV滤镜：创建水平，垂直镜像语法filter:FlipVfilter:FlipHIE FlipH,FlipV滤镜示例，请在IE下运行stylebody{background:#ffffff}div{width:100px;height:100px;float:left;margin:0px 20px 20px 0px}.FlipH{filter:FlipH}.FlipV{filter:FlipV}/styledivFlipH,FlipV滤镜，原始效果/divdiv class=FlipH/作用于FlipH下的文字效果/di..

IE DropShadow滤镜

评论(0)浏览(154)分类：HTML/CSS兼容/XML
IE DropShadow滤镜　　IE DropShadow滤镜：创建对象的固定影子语法filter:DropShadow(Color=color,OffX=offX,OffY=offY,Positive=positive) 说明 Color:#rrggbb格式，任意. Offx:X轴偏离值. Offy:Y轴偏离值. Positive:1或0.如果为TRUE（非0），就为任何的非透明像素建立可见的投影 如果为FASLE（0），就为透明的像素部分建立透明效果 例子：filter:DropShadow..

IE blur滤镜

评论(0)浏览(179)分类：HTML/CSS兼容/XML
IE blur滤镜　　IE blur滤镜：创建高速度移动效果，即模糊效果语法filter:Blur(Add=add,Direction=direction,Strength=strength)说明 Add：是一个布尔值，一般来说，当滤镜用于图片时取0，用于文字时取1。文字设置add=1时会整个字体增加移动效果，会很模糊注意设置add的值。 Direction：模糊方向，以45度为单位改变，0为垂直向上，45向右上，90水平向右，13..

IE alpha滤镜

评论(0)浏览(156)分类：HTML/CSS兼容/XML
IE alpha滤镜　　IE alpha滤镜：设置透明层次语法 filter:Alpha(Opacity=opacity,FinishOpacity=finishopacity,Style=style,StartX=startX,StartY=startY,FinishX=finishX,FinishY=finishY)说明opacity代表透明度水准。默认的范围是从0 到 100，他们其实是百分比的形式。也就是说，0代表完全透明，100代表完全不透明。finishopacity是一个可选参数，如果想要..

FCKEditor换行br后的全角或者半角空格丢失解决办法

评论(0)浏览(361)分类：JavaScript/Ajax开发技巧
FCKEditor换行br后的全角或者半角空格丢失解决办法　　今天使用FCKEditor编辑器时，从记事本中复制内容到FCKEditor编辑器中，然后在开始的文字前面打入２个全角的空格进行缩进，提交后发现除了第一个段落的全角空格保存之外，其他的段落的全角空格全部没有了。　　经测试后发现，FCKEditor在W3C浏览器，如firefox，chrome，紧跟在br/换行后的全角或者半角空格在提交的时候，不知道被FCKEditor给做..