jQuery实现的鼠标移动放大图片功能示例

本文介绍了jQuery实现鼠标移动放大图片的功能，供大家参考，具体分析如下：

做毕业设计，阅读后样品的老师，不喜欢我的购物车太大，不美，因此，美容的效果。在网上查的代码和修改一个简单的版本。

使用jQuery，没有Javaｓｃｒｉｐｔ获取鼠标的使用状态，主要和Javaｓｃｒｉｐｔ编写调用标签上本身的行动包含了太多的麻烦，只是把自己的困惑，根据ID标签直接使用jQuery技术，类等，可分为触发条件，直接回应（百度百科说这是jQuery，很大的优势不在HTML里面插入一堆js调用一个命令时，只需要定义ID）。

这种技术的目的是在购物车中显示商品，只显示一张小图片，当鼠标滑过时显示一幅大图，主要目的是提高用户体验，否则购物车显示商品信息将直接影响整个网页的美观。

这就是它实现的方式。

源代码 uff1a

车

$（函数（）{（））
无功大小= 3 * $（' #送入）。Width（）；
$（#送入）。Mouseover（函数（事件）{
目标$ = $（事件目标）；
如果（合网（'img '））
{
$（）。Css（{
高度：大小，
宽度：大小，
}).AppendTo ($(#imgtest));
当前的所有匹配元素被附加到指定元素中的最终位置。
}
}）。Mouseout（function（）{）
$（#尖）（去除）； / * * /删除元素
}）
}）

# imgtest {绝对位置；
上图：100px；
左：400px；
Z指数：1；}
表{左：100px；
字体大小：20px；}

商品名称

照片

数

价格

小计

要素

总计：元

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