jQuery电商网站带缩略图商品图片放大镜展示特效.zip资源-CSDN文库

共18个文件

jpg：12个

png：2个

js：2个

版权申诉

jquery代码

jquery特效

jquery插件

5 浏览量 2023-09-25 13:43:18 上传评论收藏 662KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

jQuery电商网站带缩略图商品图片放大镜展示特效.zip （18个子文件）

demo.js 1KB

jquery-1.11.1.min.js 94KB

css

demo.css 1KB

index.html 2KB

images

2.jpg 24KB

big2.jpg 91KB

big1.jpg 91KB

big5.jpg 86KB

big3.jpg 202KB

6.jpg 24KB

1.jpg 24KB

big6.jpg 85KB

5.jpg 25KB

sprite-magnify.png 1KB

big4.jpg 86KB

3.jpg 37KB

move.png 158B

4.jpg 24KB

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>jQuery电商网站带缩略图商品图片放大镜展示特效</title> <link rel="stylesheet" href="css/demo.css" /> </head> <body> <div id="Tz_wrap"> <div id="Tz_magnify"> <div class="simg"> <img src="images/big1.jpg" width="400" height="400" border="0" alt="美女">  <div class="mov"></div> </div> <div class="bigimg"> <img src="images/big1.jpg" width="800" height="800" border="0" alt="大美女"> </div> </div> <div class="series"> <div class="show"> <ul class="cont"> <li class="hover"> <img src="images/1.jpg" width="50" height="50" border="0" alt="" bigimages="images/big1.jpg" /> </li> <li> <img src="images/2.jpg" width="50" height="50" border="0" alt="" bigimages="images/big2.jpg" /> </li> <li> <img src="images/3.jpg" width="50" height="50" border="0" alt="" bigimages="images/big3.jpg" /> </li> <li> <img src="images/4.jpg" width="50" height="50" border="0" alt="" bigimages="images/big4.jpg" /> </li> <li> <img src="images/5.jpg" width="50" height="50" border="0" alt="" bigimages="images/big5.jpg" /> </li> <li> <img src="images/6.jpg" width="50" height="50" border="0" alt="" bigimages="images/big6.jpg" /> </li> </ul> </div> </div> </div> <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script> <script type="text/javascript" src="js/demo.js"></script> </body> </html>

评论收藏

内容反馈

版权申诉