纯css实现计数器效果
摘要:先上效果图:点击选项框,下面的数字动态显示总个数,该效果由纯css实现。怎么实现的呢?主要就是靠css中的计数器counter。css的counter-reset属性可以设置一个计数器,并通过counter-increment属性实现递增效果。具体可以看代码:1 html{2 counter...
阅读全文
posted @
2015-10-27 17:24
liuhanSF
阅读(1585)
推荐(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)
鼠标滚轮监听防“抖动”
摘要:在用js进行鼠标滚轮监听时,经常由于鼠标一下子滚多了,而触发了多次监听事件对应的函数,例如这里想做一个滚动页面var wheelDeltaLinstner = function (){ var pageFlag = 0;//0表示第一頁 var maxPages = ri...
阅读全文
posted @
2015-10-09 20:22
liuhanSF
阅读(1426)
推荐(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)