具体的代码如下： 鼠标进入数字的时候添加了如下的CSS: 复制代码 代码如下: <BR>.mouseOver <BR>{ <BR>cursor:hand; <BR>border:1px solid red; <BR>} <BR> 图片切换的JS代码如下： 复制代码 代码如下: <BR>var imgPaths = ["http://files.jb51.net/demoimg/201008/o_p1.jpg", <BR>"http://files.jb51.net/demoimg/201008/o_p3.jpg]; <BR>$(function () { <BR>$("#showImg").attr("src", imgPaths[0]); <BR>var top; <BR>var left; <BR>var width; <BR>var height; <BR>top = $("#showImg").offset().top; <BR>left = $("#showImg").offset().left; <BR>width = $("#showImg").width(); <BR>height = $("#showImg").height(); <BR>$("#popDiv").css({ position: "absolute", top: top + height - $("#popDiv").height(), left: left + width - $("#popDiv").width(), padding: "1px" }); <BR>$("#popDiv span").hover(function () { <BR>$(this).addClass("mouseOver"); <BR>}, <BR>function () { <BR>$(this).removeClass("mouseOver") <BR>} <BR>).click(function () { <BR>$("#showImg").attr("src", imgPaths[eval($(this).text())-1]); <BR>}); <BR>}); <BR> HTML代码如下： 复制代码 代码如下: 1 2 具体的运行的效果，大家可以自己复制上面的代码进行运行，如果想要更好的效果，可以自行的修改以上的代码。
