软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > jQuery > jQuery实现图片上一张下一张切换功能

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

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

说明:1.需要调用Jquery。

2.这里获取鼠标在图片的位置用了个投机的方法,设置图片的position:relative

直接使用 var positionX=e.originalEvent.x||e.originalEvent.layerX||0; 来获取。

3. 为了方便直接在图片上添加left=http://www.veryhuo.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

    相关阅读
    栏目导航
    推荐软件