摘要: 当页面特别长的时候,用户想回到页面顶部,必须得滚动好几次滚动键才能回到顶部,如果在页面右下角有个“返回顶部”的按钮,用户点击一下,就可以回到顶部,对于用户来说,是一个比较好的体验。实现原理:当页面加载的时候,把元素定位到页面的右下角,当页面滚动时,元素一直位于右下角,当用户点击的时候,页面回到顶部。要点一:document.documentElement.clientWidth || document.body.clientWidth; 获得可视区的宽度。后面是兼容chrome,前面是兼容其它浏览器。要点二:oTop.style.left = screenw - oTop.offsetWidt 阅读全文
posted @ 2012-03-08 22:44 jingangel 阅读(100800) 评论(2) 推荐(0)
摘要: 鼠标跟随,顾名思义,就是在鼠标移动的时候,有个动画跟随着鼠标一起移动。要点一:var oEvent = evt || window.event; 这个是为了兼容ie和ff而写的,在ie下window.event表示event对象,而ff下,是给事件函数传一个参数,这个参数就表示事件对象。要点二:document.onmousemove = function(evt) 鼠标跟随是在鼠标移动时发生的事情。要点三:document.documentElement.scrollTop|| document.body.scrollTop;这是为了兼容chrome和其它浏览器,滚动条距上边滚动的距离,c. 阅读全文
posted @ 2012-03-08 21:06 jingangel 阅读(10601) 评论(0) 推荐(0)