jQuery如何实现鼠标滑过商品小图片上显示对应大图片功能

  介绍

小编给大家分享一下jQuery如何实现鼠标滑过商品小图片上显示对应大图片功能,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

本文实例讲述了jQuery实现鼠标滑过商品小图片上显示对应大图片功能。分享给大家供大家参考,具体如下:

<强> 1。效果截图

 jQuery如何实现鼠标滑过商品小图片上显示对应大图片功能

<强> 2。代码

& lt; ! doctype  html>   & lt; html>   & lt; head>   & lt; meta  charset=皍tf-8"祝辞   & lt; title> www.jb51.net , jQuery图片变换& lt;/title>   & lt;/head>   & lt; style 类型=拔谋?css"比;   ,,告诉{宽度:330 px;,高度:汽车;,保证金:50 px 汽车;,背景:# eee}   ,.item{背景:# fff;,宽度:300 px;,高度:汽车;,浮动:左;,保证金:15 px;}   ,p{,填充:15 px;,颜色:# ff6600}   img, .big-photo {,宽度:300 px;,身高:300 px;,边界:1 px  solid  # e0e0e0}   img, .des-small {,宽度:30 px;,高度:30 px;边界:1 px  solid  # e0e0e0;,}   ,.des-small  img:{徘徊,边界:1 px  solid  # ff6600}   ,.clear{明确:}   & lt;/style>   https://www.yisu.com/zixun/& lt; script  src=" http://libs.baidu.com/jquery/2.0.0/jquery.min.js ">