淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1236|回复: 2
收起左侧

天猫轮播代码

[复制链接]
  • TA的每日心情
    抱抱
    2015-11-28 14:44
  • 签到天数: 6 天

    连续签到: 1 天

    [LV.2]登堂入室

    2

    主题

    13

    帖子

    1706

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    1706

    发表于 2015-8-10 10:14:33 | 显示全部楼层 |阅读模式
    <div style="height:450px;">
          <div class="sn-simple-logo" style="padding:0px;left:50%;top:auto;">
            <div class="sn-simple-logo" style="padding:0px;left:-960px;top:auto;">
                <!--上面为全屏的代码-->
                
              <!--下面为轮播代码-->
                    <div style="position:relative;width:1920px;height:450px;overflow:hidden;">
          <div class="J_TWidget" data-widget-type="Carousel"  data-widget-config="{'effect':'scrollx','navCls':'biaoqian','contentCls':'neirong','autoplay':true,'prevBtnCls':'shang1','nextBtnCls':'xia1'}"> <!--effect   none/fade/scrolly/scrollx
        (默认值:none)
        切换时的动画效果
        none, 最朴素的显示/隐藏效果
        fade, 可实现淡隐淡现的效果
        scrolly, 垂直滚动
        scrollx, 水平滚动-->

          <!--大海报区域-->
            <div style="width:1920px; height:450px;overflow:hidden;">
              <div class="neirong" style="width:1920px; height:450px;">
                <div style="width:1920px;height:450px;"> <img src="图片地址1" width="1920" height="450" /> </div>
                <div style="width:1920px;height:450px;"> <img src="图片地址2" width="1920" height="450" /> </div>
              </div>
            </div>
            <!--end-->
          
            <!--上下按钮-->
            <div class="sn-simple-logo" style="width:1920; height:30px; top:210px; left:465px;">
              <div class="shang1" style="width:30px; height:30px; background:#F00;float:left;"><img src="左箭头控制" width="30" height="30"></div>
              <div class="xia1" style="width:30px; height:30px; background:#00F;float:left; margin-left:960px; position:relative;top:-30px;"><img src="右箭头控制" width="30" height="30"></div>
            </div>
             <!--end-->

        <!--缩略图-->
        <div class="biaoqian" style="position:relative;top:-50px; left:855px;">
           <div style="float:left;"><img src="缩略图地址1" width="100"></div>
           <div style="float:left; margin-left:10px;"><img src="缩略图地址2" width="100"></div>
        </div>
        <!--end-->
             

          </div>
        </div>
        <!--轮播代码end-->
                   
                   
                    </div>
          </div>
        </div>

    评分

    参与人数 1美工币 +4 收起 理由
    徐小客 + 4 赞一个!

    查看全部评分

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    臭美
    2016-8-29 09:18
  • 签到天数: 298 天

    连续签到: 1 天

    [LV.8]自成一派

    29

    主题

    939

    帖子

    6万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    61033

    天猫美工最佳新人热心会员

    QQ
    发表于 2015-8-10 13:07:04 | 显示全部楼层
    鼓励一下  占个沙发躺躺

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    加油
    2016-6-13 13:27
  • 签到天数: 21 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    0

    主题

    20

    帖子

    3070

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    3070

    QQ
    发表于 2015-8-11 10:26:19 | 显示全部楼层
    赞一个!

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    小黑屋|Archiver|手机版|粤公网安备44060502000322号|淘宝美工论坛 ( 桂ICP备12007265号-8 )  

    GMT+8, 2016-12-5 18:36 , Processed in 0.100974 second(s), 16 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表