10 2015 档案
纯css实现计数器效果
摘要:先上效果图:点击选项框,下面的数字动态显示总个数,该效果由纯css实现。怎么实现的呢?主要就是靠css中的计数器counter。css的counter-reset属性可以设置一个计数器,并通过counter-increment属性实现递增效果。具体可以看代码:1 html{2 counter... 阅读全文
posted @ 2015-10-27 17:24 liuhanSF 阅读(1585) 评论(0) 推荐(0)
js点击元素输出对应的index
摘要:Home Skill Interest想要通过点击li输出对应的序列,jquery里面可以直接通过index()实现,而原生js实现则可以通过给li添加属性来实现。首先,要添加onclick事件,由于获取到的li是数组,则需要用for循环来实现:1 for(var i = 0;i<li.l... 阅读全文
posted @ 2015-10-09 20:43 liuhanSF 阅读(624) 评论(0) 推荐(0)
鼠标滚轮监听防“抖动”
摘要:在用js进行鼠标滚轮监听时,经常由于鼠标一下子滚多了,而触发了多次监听事件对应的函数,例如这里想做一个滚动页面var wheelDeltaLinstner = function (){ var pageFlag = 0;//0表示第一頁 var maxPages = ri... 阅读全文
posted @ 2015-10-09 20:22 liuhanSF 阅读(1426) 评论(0) 推荐(0)
原生dom的querySelector、querySelectorAll方法
摘要:querySelector、querySelectorAll现已支持IE8/9及Firefox/Chrome/Safari/Opera。它和css的写法完全一致,不同的是querySelector只返回匹配到的第一个元素,querySelectorAll返回一个集合。这在document下是完全没问... 阅读全文
posted @ 2015-10-09 19:57 liuhanSF 阅读(447) 评论(0) 推荐(0)