淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 662|回复: 7
收起左侧

[美工相关] 求助!自己写的轮播代码 黏贴进自定义区 发布后不显示...

[复制链接]
  • TA的每日心情
    抱抱
    2015-6-25 09:56
  • 签到天数: 3 天

    连续签到: 1 天

    [LV.2]登堂入室

    8

    主题

    51

    帖子

    2801

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    2801

    发表于 2015-6-13 12:45:26 | 显示全部楼层 |阅读模式
    代码黏贴进自定义区是有轮播箭头的,一预览或者发布就不显示了  下面是代码





    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head>

    <body>
    <div class="J_TWidget" data-widget-type="Carousel" data-widget-config="{'effect':'scrollx','easing':'easeOutStrong','navCls':'xuan_nav','contentCls':'xuan_content','interval':3,'autoplay':true,'prevBtnCls':'xuan_prev','nextBtnCls':'xuanxuan_prev','circular':true}" style=" margin-left:100px; width:520px; height:275px;">



    <div class="xuan_prev footer-more-trigger" style="width:50px;height:50px;padding:0px;top:125px;border:none;left:110px; float:left"> <img src="http://img01.taobaocdn.com/imgextra/i1/330550602/TB26rjddXXXXXcGXXXXXXXXXXXX_!!330550602.png">
    </div>
    <div class="xuanxuan_prev footer-more-trigger" style="width:50px;height:50px;padding:0px;top:125px;border:none;left:560px;"> <img src="http://img01.taobaocdn.com/imgextra/i1/330550602/TB2E9y2dXXXXXaNXpXXXXXXXXXX_!!330550602.png">
    </div>



    <div style=" width:520px; height:275px; overflow:hidden;" >

      <div class="xuan_content">
    <div style="width:520px; height:275px"> <a href="#"> <img src="http://img01.taobaocdn.com/imgextra/i1/330550602/TB21O1ZdXXXXXXAXXXXXXXXXXXX_!!330550602.png" /> </a></div>

        <div style="width:520px; height:275px"> <a href="#"><img src="http://img02.taobaocdn.com/imgextra/i2/330550602/TB2kreIdXXXXXbnXpXXXXXXXXXX_!!330550602.png"  /> </a></div>
      </div>
      </div>




            <div class="xuan_nav footer-more-trigger" style="width:86px;height:21px;padding:0px;top:250px;border:none;left:317px;">
                    <div style="width:40px; height:21px; float:left; cursor:pointer">
                            <img src="http://img01.taobaocdn.com/imgextra/i1/330550602/TB21O1ZdXXXXXXAXXXXXXXXXXXX_!!330550602.png_40x40.jpg" />
                    </div>
                    <div style="width:40px; height:21px; float:left; margin-left:6px; cursor:pointer">
                            <img src="http://img02.taobaocdn.com/imgextra/i2/330550602/TB2kreIdXXXXXbnXpXXXXXXXXXX_!!330550602.png_40x40.jpg" />
                    </div>

    </div>







      </div>









    </body>
    </html>



    发布前

    发布前

    发布后

    发布后

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


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

  • TA的每日心情
    委屈
    2016-1-2 15:21
  • 签到天数: 222 天

    连续签到: 1 天

    [LV.7]炉火纯青

    41

    主题

    1121

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    41680

    天猫美工淘宝皇冠店美工最佳新人热心会员活跃会员优秀版主

    QQ
    发表于 2015-6-13 13:01:05 | 显示全部楼层
    黏贴-》粘贴               

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


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

  • TA的每日心情
    委屈
    2016-1-2 15:21
  • 签到天数: 222 天

    连续签到: 1 天

    [LV.7]炉火纯青

    41

    主题

    1121

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    41680

    天猫美工淘宝皇冠店美工最佳新人热心会员活跃会员优秀版主

    QQ
    发表于 2015-6-13 13:02:10 | 显示全部楼层
    干嘛要自己写勒  直接用码工生成一个多快

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


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

  • TA的每日心情
    抱抱
    2016-9-17 16:30
  • 签到天数: 386 天

    连续签到: 2 天

    [LV.9]已臻大成

    11

    主题

    915

    帖子

    7万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    78464

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

    QQ
    发表于 2015-6-13 13:09:57 | 显示全部楼层
    赞同楼上
    向日葵告诉我,只要面对着阳光努力向上,日子就会变得单纯而美好。
  • TA的每日心情
    不爽
    4 天前
  • 签到天数: 129 天

    连续签到: 1 天

    [LV.7]炉火纯青

    20

    主题

    454

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    28014

    最佳新人热心会员

    发表于 2015-6-13 13:12:20 | 显示全部楼层

    赞同楼上

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


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

  • TA的每日心情
    委屈
    3 天前
  • 签到天数: 290 天

    连续签到: 1 天

    [LV.8]自成一派

    53

    主题

    2469

    帖子

    8万

    积分

    超级版主

    阅读权限: 150

    超级大菜鸟

    Rank: 18Rank: 18Rank: 18Rank: 18Rank: 18

    积分
    88986

    最佳新人热心会员宣传达人推广达人活跃会员优秀版主

    发表于 2015-6-13 14:55:11 | 显示全部楼层
    1. <div class="J_TWidget" data-widget-type="Carousel" data-widget-config="{'effect':'scrollx','easing':'easeOutStrong','navCls':'xuan_nav','contentCls':'xuan_content','interval':3,'autoplay':true,'prevBtnCls':'xuan_prev','nextBtnCls':'xuanxuan_prev','circular':true}" style=" margin-left:100px; width:520px; height:275px;">



    2. <div class="xuan_prev footer-more-trigger" style="z-index:99;width:50px;height:50px;padding:0px;top:125px;border:none;left:110px; float:left"> <img src="http://img01.taobaocdn.com/imgextra/i1/330550602/TB26rjddXXXXXcGXXXXXXXXXXXX_!!330550602.png">
    3. </div>
    4. <div class="xuanxuan_prev footer-more-trigger" style="z-index:99;width:50px;height:50px;padding:0px;top:125px;border:none;left:560px;"> <img src="http://img01.taobaocdn.com/imgextra/i1/330550602/TB2E9y2dXXXXXaNXpXXXXXXXXXX_!!330550602.png">
    5. </div>
    6. <div style=" width:520px; height:275px; overflow:hidden;" >
    7.   <div class="xuan_content">
    8. <div style="width:520px; height:275px"> <a href="#"> <img src="http://img01.taobaocdn.com/imgextra/i1/330550602/TB21O1ZdXXXXXXAXXXXXXXXXXXX_!!330550602.png" /> </a></div>

    9.     <div style="width:520px; height:275px"> <a href="#"><img src="http://img02.taobaocdn.com/imgextra/i2/330550602/TB2kreIdXXXXXbnXpXXXXXXXXXX_!!330550602.png"  /> </a></div>
    10.   </div>
    11.   </div>
    12.         <div class="xuan_nav footer-more-trigger" style="width:86px;height:21px;padding:0px;top:250px;border:none;left:317px;">
    13.                 <div style="width:40px; height:21px; float:left; cursor:pointer">
    14.                         <img src="http://img01.taobaocdn.com/imgextra/i1/330550602/TB21O1ZdXXXXXXAXXXXXXXXXXXX_!!330550602.png_40x40.jpg" />
    15.                 </div>
    16.                 <div style="width:40px; height:21px; float:left; margin-left:6px; cursor:pointer">
    17.                         <img src="http://img02.taobaocdn.com/imgextra/i2/330550602/TB2kreIdXXXXXbnXpXXXXXXXXXX_!!330550602.png_40x40.jpg" />
    18.                 </div>
    19. </div>
    20.   </div>
    复制代码

    你再试试  给你加了一个层级关系z-index:99
  • TA的每日心情
    大哭
    2016-9-21 16:21
  • 签到天数: 128 天

    连续签到: 1 天

    [LV.7]炉火纯青

    4

    主题

    587

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    27829

    最佳新人热心会员

    发表于 2015-6-13 16:10:16 | 显示全部楼层
    不是有现成的?
    人面桃花里,浅笑如酒……
  • TA的每日心情
    抱抱
    2015-6-25 09:56
  • 签到天数: 3 天

    连续签到: 1 天

    [LV.2]登堂入室

    8

    主题

    51

    帖子

    2801

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    2801

     楼主| 发表于 2015-6-13 17:08:35 | 显示全部楼层
    Rain 发表于 2015-6-13 14:55
    你再试试  给你加了一个层级关系z-index:99

    谢谢!!  是跑到轮播图下面去了  加了z-index好了  

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


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

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

    本版积分规则

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

    GMT+8, 2016-12-11 04:34 , Processed in 0.167107 second(s), 21 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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