我们先来看看如何获取光标相对于整个页面的位置,因为光标位置变量x,y一般通过鼠标事件获取(如mousemove或者mousedown),下面两个通用函数,用于获取光标相对于整个页面的当前位置。
[url=https://developer.mozilla.org/en/window.innerHeight]innerHeight[/url],[url=https://developer.mozilla.org/en/DOM/element.clientHeight]clientHeight[/url]等属性有些疑惑,那就直接点击它,Mozilla Developer center里解释的很清楚。
最后来讲一个比较有意思的效果,现在web前端中也很流行——"拖拽",作者没有给出具体的实现,而是引用了一个不错的js库,[url=http://www.dynamicdrive.com/dynamicindex11/domdrag/]dom-drag.js[/url],可以学习下高手的源码,同时介绍了好几个流行的js库,jquery也在其中。好了javascript与css的复习到这了,有什么问题欢迎留言讨论。