人人网相册和酷狗音乐网站上面当鼠标移动到图片上面,鼠标的形状会根据其在图片上的位置改变。
说明:1.需要调用Jquery。
2.这里获取鼠标在图片的位置用了个投机的方法,设置图片的position:relative
直接使用 var positionX=e.originalEvent.x||e.originalEvent.layerX||0; 来获取。
3. 为了方便直接在图片上添加left=http://www.wfuyu.com right=http://www.liehuo.org 为其上一张,下一张链接地址。记得给<img />套上<a href="#" ></a>
参考:1.jQuery获取当前鼠标相对位置坐标和点击图片跳转上一张或下一张功能
2.offsetX与layerX区别
3.JS在IE和FireFox之间的区别汇总
4.clientX, pageX, offsetX,x, layerX, screenX, offsetLeft
实现代码:
提示:可修改后代码再运行!
出处:http://dooom.cnblogs.com