jquery左侧图片与右侧图片以及放大镜和图片的放大的图片和产品的隐藏的效果

最新推荐文章于 2020-02-27 20:25:32 发布

又很可爱_521

最新推荐文章于 2020-02-27 20:25:32 发布

阅读量874

点赞数

分类专栏： JQuery 文章标签：郭贝贝的博客编程 jquery 左侧图片与右侧图片以及放大镜和图片的放大的图片和产品的隐藏的

本文链接：https://blog.csdn.net/Guobeibei_123/article/details/80903551

版权

这篇博客介绍了如何使用jQuery实现服装商城中图片的展示效果，包括左侧图片与右侧图片的切换，以及图片的放大镜效果。同时，还讲解了产品属性隐藏时图片的切换功能。

摘要由CSDN通过智能技术生成

服装商城的信息图片

HTML代码部分

 <div class="pro_detail">
            <div class="pro_detail_left">
                <div class="jqzoom"><img src="images/pro_img/blue_one_small.jpg" class="fs" alt="" jqimg="images/pro_img/blue_one_big.jpg" id="bigImg" /></div>
                <span>
                    <a href="images/pro_img/blue_one_big.jpg" id="thickImg" title="介绍文字" class="thickbox">
                        <img alt="点击看大图" src="images/look.gif" />
                    </a>
                </span>
                <ul class="imgList">
                    <li><img src="images/pro_img/blue_one.jpg" alt="" /></li>
                    <li><img src="images/pro_img/blue_two.jpg" alt="" /></li>
                    <li><img src="images/pro_img/blue_three.jpg" alt="" /></li>
                </ul>
                <div class="tab">
                    <div class="tab_menu">
                        <ul>
                            <li class="selected">产品属性</li>
                            <li>产品尺码表</li>
                            <li>产品介绍</li>
                        </ul>
                    </div>
                    <div class=