贴个实现方法: 代码 复制代码 代码如下: 无标题页 <BR>.rootclass{ border:none;position:relative;} <BR> <BR>$(document).ready(function() { <BR>$(".rootclass").mousemove(function(e){ <BR>var positionX=e.originalEvent.x||e.originalEvent.layerX||0; <BR>if(positionX<=$(this).width()/2){ <BR>this.style.cursor='url("pre.cur"),auto'; <BR>$(this).attr('title','点击查看上一张'); <BR>$(this).parent().attr('href',$(this).attr('left')); <BR>}else{ <BR>this.style.cursor='url("next.cur"),auto'; <BR>$(this).attr('title','点击查看下一张'); <BR>$(this).parent().attr('href',$(this).attr('right')); <BR>} <BR>}); <BR>}); <BR> 说明:1.需要调用Jquery。 2.这里获取鼠标在图片的位置用了个投机的方法,设置图片的position:relative 直接使用 var positionX=e.originalEvent.x||e.originalEvent.layerX||0; 来获取。 3. 为了方便直接在图片上添加left="http://www.google.cn" right="http://www.baidu.cn" 为其上一张,下一张链接地址。记得给套上 在线演示代码:http://demo.jb51.net/js/img_left_right/jquery_img_lr.htm打包下载地址 http://www.jb51.net/jiaoben/25129.html 相关文章:clientX,pageX,offsetX,x,layerX,screenX,offsetLef JS在IE和FireFox之间常用函数的区别小结 javascript offsetX与layerX区别 jQuery 点击图片跳转上一张或下一张功能的实现代码