国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > jquery > jQuery实现图片上一张下一张切换功能

jQuery实现图片上一张下一张切换功能

来源:程序员人生   发布时间:2013-11-20 04:29:09 阅读次数:2756次

人人网相册和酷狗音乐网站上面当鼠标移动到图片上面,鼠标的形状会根据其在图片上的位置改变。

说明: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

生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生