本文演示了jQuery在一个小图上实现鼠标滑动以查看大图的方法，供大家参考，具体实现方法如下：

1。CSS部分：



UL {
列表样式：无；
}
李{
浮点数：左；
左：10px保证金；
}
img {
# cccccc solid 1px边框；
}
# max {
位置：绝对；
显示：无；隐藏层
}





2。HTML的一部分：


苹果产品目录：










三.Javaｓｃｒｉｐｔ的部分：



$（文档）Ready（函数（）{）
/ / E事件对象可以对事件的e.pagex X轴，从浏览器左侧的e.pagey Y轴，和距离浏览器顶部。
$（）。Mouseover（function（e）{
将鼠标移到附加的体/图片元素的位置
当前路径的大图片： / / href属性值大通道连接
imgsrc = $（var $本）。Attr（href）；
VaR maximg美元= ；
在主体中添加元素
$（体）。追加（$ maximg）；
设置/图层顶部和左侧坐标，以及动画显示层
$（# Max）。Css（顶
}）。Mouseout（function（）{）
大时 / /删除图层
$（# Max）删除（）；
}）。Mousemove（function（e）{ {）
鼠标的坐标移动较大的变化层。
$(#max).Css (top
}）；
}）；





希望本文能对大家的jQuery程序设计有所帮助。