jQuery商品列表单个商品焦点轮播特效

来源:https://www.sucaihuo.com/js/645.html 2016-01-04 19:36浏览(1335) 收藏

本文演示了商品列表中常用到的单个商品,多张预览图。在图片的右侧支持下一张查看,而且支持分页效果。
jQuery商品列表单个商品焦点轮播特效
分类:图片代码 > 图片轮播 难易:高级
查看演示 下载资源 下载积分: 20 积分

单个商品多张图片结构

<li>
    <a href="http://www.sucaihuo.com/">
        <ul class="cd-item-wrapper">
            <li class="selected">
                <img src="img/ugmonk-tshirt-1.jpg" alt="Preview image">
            </li>

            <li class="move-right" data-sale="true" data-price="$22">
                <img src="img/ugmonk-tshirt-2.jpg" alt="Preview image">
            </li>

            <li>
                <img src="img/ugmonk-tshirt-3.jpg" alt="Preview image">
            </li>
        </ul> <!-- cd-item-wrapper -->
    </a>

    <div class="cd-item-info">
        <b><a href="#0">Mountains</a></b>

        <em class="cd-price">$26</em>
    </div> <!-- cd-item-info -->
</li>
标签: 预览
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2