摘要：
可以和IE一样，绕道使用flie.click来实现; 阅读全文
随笔分类 - Javascript
input类型为file时，chrome，FF和IE8的fakepath问题处理方法
2011-08-31 16:11 by Matin, 8718 阅读, 收藏,
摘要：
在处理表单的时候，如果input类型为file时，FF，chrome，IE8获取文件时，或获取到一个fakepath，而不是真正的文件地址；不过ie6，ie7却可以获取，在IE8之后，安全级别提高了。但是，当出现一个客户端图片预览这样的需求的时候，对于不同浏览器就要采用不用的策略了；IE，可以使用滤镜，chrome等可以使用HTML5的方式，具体如下： <img id="file_img"... 阅读全文
JS按位非(~)运算符与~~运算符的理解
2011-07-29 13:28 by Matin, 467 阅读, 收藏,
摘要：
按位非运算符，简单的理解就是改变运算数的符号并减去1，当然，这是只是简单的理解能转换成number类型的数据；那么，对于typeof var!==”number”的类型来说，进行运算时，会尝试转化成32位整形数据，如果无法转换成整形数据，就转换为NaN； JS在位运算上用了更简便的一种方法来实现这中运算，那么它的实现原理大致上可以这样理解： var testData=-2.9; var testR... 阅读全文
再谈querySelector和querySelectorAll
2011-05-13 11:28 by Matin, 946 阅读, 收藏,
摘要：
先按W3C的规范来说这两个方法应该返回的内容吧：querySelector： return the first matching Element node within the node’s subtrees. If there is no such node, the method must return null.（返回指定元素节点的子树中匹配selector的集合中的第一个，如果没有匹配，返... 阅读全文
幻灯片效果及原理
2011-04-26 17:56 by Matin, 1176 阅读, 收藏,
摘要：
主要采用绝对定位的方法来实现，假设有10个元素要加入这个效果中；比如：点击按钮4，那么第4个张幻灯就要显示；分为curNum（当前的这张）和prevNum（前一张），通过比较curNum和prevNum的值来判断prevNum所对应的幻灯的定位，以便决定下一次它如何显示，而curNum和prevNum是通过对元素设定自定义属性得到；假设现在显示框现在显示的是第4张，而你想看第8张，点击了8，那么curNum=8，prevNum=4，因为prevNum<curNum,所以它被定位到显示框的左边，同时，把curNum赋值给prevNum，以便下一次判断；反之，如果prevNum>cur 阅读全文
[js]网页侧边随页面滚动广告效果实现
2011-04-14 14:02 by Matin, 806 阅读, 收藏,
摘要：
其实这个效果不是什么难实现的效果，关键注意几个地方就可以了；a.scrollTop的计算；b.滚动元素的定位值计算；c.滚动周期设定；代码如下：css部分：/*测试用的高度*/body{ height:3000px;}div,ul,li,body{margin:0; padding:0;}/*position:absolute;用于元素的定位*/#roll{width:50px; height:100px; background:#99CC00; position:absolute;}Html代码：<body><div id="roll"></ 阅读全文
实现RGB与Hex相互转换
2011-04-08 17:02 by Matin, 1917 阅读, 收藏,
摘要：
Rgb采用的是10进制的方法，而hex是16进制；2者相互转换的原理就是利用进制的相互转换；现在CSS3中可以采用Rgba模式；jQuery里面没有实现这个工具，mooTools有实现，关于10进制和16进制之间的转换方法和原理，这里不详细介绍，大伙可以自己找点资料读下； 先是HextoRgb：hexToRgb:function(hexStr,opacity,plainArr){ var hex=... 阅读全文
异步处理节点innerHTML
2011-04-06 17:04 by Matin, 556 阅读, 收藏,
摘要：
innerHTML这个方法在很多时候都非常好用，尽管在不同的浏览器中有些这样或者那样的问题；有时，假设你现在需要处理一个innerHTML值较大的节点，（PS：一般来说，我们应该尽可能的使innerHTML as simple as possible；），尤其在IE6中，如果处理大节点的innerHTML有可能使得浏览器处于假死状态，下面就是一种处理前面提到的那种“确实需求”的方法：//基本上原理... 阅读全文
[Javascript]自适应高度的Tab选项卡
2011-02-28 10:51 by Matin, 492 阅读, 收藏,
摘要：
选项卡的原理其实比较简单，就是设置2种状态，选中和未选中的2中不同CSS状态，因此也有直接不用JS之用css就能实现的效果；JS部分具体的代码如下：var getSiblingNode=function(className,elAr,el,not){className=" "+className+" "; var Arr=[]; for(var i=0,l=elAr.length;i<l;i++)... 阅读全文
浙公网安备 33010602011771号