淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 981|回复: 13
收起左侧

[美工相关] 关于一些代码装修的问题

[复制链接]
  • TA的每日心情
    抱抱
    2015-11-2 16:39
  • 签到天数: 53 天

    连续签到: 1 天

    [LV.5]略有小成

    8

    主题

    81

    帖子

    7607

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    7607

    发表于 2015-8-15 10:07:15 | 显示全部楼层 |阅读模式
    1. <div style="height:81px;">
    2.   <div class="footer-more-trigger sn-simple-logo mallNav-others" style="width:240px; height:81px; border:0; padding:0; top:auto; left:auto; ">
    3.     <div class="footer-more-trigger sn-simple-logo mallNav-others" style="width:240px; height:81px; border:0; padding:0; top:0px; left:342px; ">
    4.       <div style="width:202px; height:72px; border:1px dashed rgb(205, 205, 205); ">
    5.         <div class="J_TWidget" data-widget-type="Carousel" data-widget-config="{'interval':3,'duration':0.5,'effect':'scrollx','easing':'easeOutStrong','contentCls':'content_shiyan','navCls':'nav_shiyan','autoplay':true,'prevBtnCls':'prev_shiyan','nextBtnCls':'next_shiyan','hasTriggers':false}">
    6.           <!-- 轮播内容开始  -->
    7.           <div style="height:66px; overflow:hidden;">
    8.             <ul class="content_shiyan">
    9.               <li style="width:195px; height:65px;padding:6px 5px; "> <a  target="_blank" style="display:block; width:60px; height:60px; float:left; background:url(http://gd1.alicdn.com/bao/uploaded/i1/TB1nrRIFVXXXXcKXVXXXXXXXXXX_!!0-item_pic.jpg_60x60.jpg);"></a> <a  target="_blank" style="display:block; width:60px; height:60px; float:left;margin-left:6px;  background:url(http://gd1.alicdn.com/bao/uploaded/i1/TB1nrRIFVXXXXcKXVXXXXXXXXXX_!!0-item_pic.jpg_60x60.jpg);"></a> <a  target="_blank" style="display:block; width:60px; height:60px; float:left; margin-left:6px; background:url(http://gd1.alicdn.com/bao/uploaded/i1/TB1nrRIFVXXXXcKXVXXXXXXXXXX_!!0-item_pic.jpg_60x60.jpg);"></a> </li>
    10.               <li style="width:195px; height:65px;padding:6px 5px;"> <a  target="_blank" style="display:block; width:60px; height:60px; float:left;background:url(http://gd1.alicdn.com/bao/uploaded/i1/TB1nrRIFVXXXXcKXVXXXXXXXXXX_!!0-item_pic.jpg_60x60.jpg);"></a> <a  target="_blank" style="display:block; width:60px; height:60px; float:left;margin-left:6px;  background:url(http://gd1.alicdn.com/bao/uploaded/i1/TB1nrRIFVXXXXcKXVXXXXXXXXXX_!!0-item_pic.jpg_60x60.jpg);"></a> <a  target="_blank" style="display:block; width:60px; height:60px; float:left; margin-left:6px; background:url(http://gd1.alicdn.com/bao/uploaded/i1/TB1nrRIFVXXXXcKXVXXXXXXXXXX_!!0-item_pic.jpg_60x60.jpg);"></a> </li>
    11.               <li style="width:195px; height:65px;padding:6px 5px;"> <a  target="_blank" style="display:block; width:60px; height:60px; float:left; background:url(http://gd1.alicdn.com/bao/uploaded/i1/TB1nrRIFVXXXXcKXVXXXXXXXXXX_!!0-item_pic.jpg_60x60.jpg);"></a> <a  target="_blank" style="display:block; width:60px; height:60px; float:left;margin-left:6px;  background:url(http://gd1.alicdn.com/bao/uploaded/i1/TB1nrRIFVXXXXcKXVXXXXXXXXXX_!!0-item_pic.jpg_60x60.jpg);"></a> <a  target="_blank" style="display:block; width:60px; height:60px; float:left; margin-left:6px; background:url(http://gd1.alicdn.com/bao/uploaded/i1/TB1nrRIFVXXXXcKXVXXXXXXXXXX_!!0-item_pic.jpg_60x60.jpg);"></a> </li>
    12.             </ul>
    13.           </div>
    14.           <!--轮播内容结束 -->
    15.          
    16.           <!--上下翻页开始-->
    17.           <div class="footer-more-trigger sn-simple-logo mallNav-others prev_shiyan" style="width:13px; height:20px; border:0; padding:0; top:28px; left:-16px; right:auto;cursor:pointer; background:url(http://img04.taobaocdn.com/imgextra/i4/686821827/TB2Wtv0bXXXXXcOXXXXXXXXXXXX-686821827.png) 0 0;"></div>
    18.           <div class="footer-more-trigger sn-simple-logo mallNav-others next_shiyan" style="width:13px; height:20px; border:0; padding:0; top:28px; left:206px; right:auto; cursor:pointer; background:url(http://img04.taobaocdn.com/imgextra/i4/686821827/TB2Wtv0bXXXXXcOXXXXXXXXXXXX-686821827.png) 0 100%;"></div>
    19.           <!--上下翻页结束-->
    20.         </div>
    21.       </div>
    22.     </div>
    23.   </div>
    24. </div>
    复制代码
    首先,这个代码不是我写的,是论坛大神些的,借用了一下,十分感谢
    问题1、<div class="footer-more-trigger sn-simple-logo mallNav-others" style="width:240px; height:81px; border:0; padding:0; top:auto; left:auto; ">这个代码里面的<div class="footer-more-trigger sn-simple-logo mallNav-others">里面的这个class类是自己随便定义的吗,还是淘宝官方给出的呢,如果是官方给出的,有详细的文档解释吗,谢谢了
    2、同样上面的问题<div class="J_TWidget" data-widget-type="Carousel"  这个代码我看过很多轮播代码,都需要调用这个J_TWdiget这个类,我想问下这个类是淘宝官网给出的吗,还是自己定义的,有专门的文档解释吗,谢谢大神了

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


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

  • TA的每日心情
    不爽
    2013-8-19 20:42
  • 签到天数: 8 天

    连续签到: 1 天

    [LV.3]武林新秀

    43

    主题

    2260

    帖子

    11万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    116895

    活跃会员热心会员

    发表于 2015-8-15 10:25:19 | 显示全部楼层
    本帖最后由 caspy 于 2015-8-15 10:34 编辑

    footer-more-trigger sn-simple-logo mallNav-others
    调用官方给的css,现在自己写的不让用了
    第一个是c店用的,第二个天猫用的,第三个……这渣渣是啥,没见过
    为毛要把footer-more-trigger sn-simple-logo一起写,主要是懒人经常一下天猫一下C店懒的换来换去,索性一起写了,反正只能一个被用上,在天猫店里footer-more-trigger这个写着也是摆设,在C店里sn-simple-logo你可以无视,反正是用来替代你写不了的:“position:absolute”


    Carousel那个是轮播的,是几个Widget官方给出的用来替代JS,自己写的JS会被屏蔽掉
    至于怎么用,你可以来这里看:http://open.taobao.com/doc/detail.htm?id=102084
    不要问我怎么用widget,虽然我干美工前还曾经是个数学老师,但我会用这个,但不知道怎么教你……









    评分

    参与人数 2美工币 +210 收起 理由
    lxiangsheng + 10 很给力!
    Rain + 200 乐于助人!

    查看全部评分

    回复 支持 1 反对 0

    使用道具 举报

  • TA的每日心情
    抱抱
    2015-11-2 16:39
  • 签到天数: 53 天

    连续签到: 1 天

    [LV.5]略有小成

    8

    主题

    81

    帖子

    7607

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    7607

     楼主| 发表于 2015-8-15 10:07:47 | 显示全部楼层
    希望大神们,前来问答,谢谢了

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


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

  • TA的每日心情

    2016-11-16 14:23
  • 签到天数: 438 天

    连续签到: 1 天

    [LV.9]已臻大成

    28

    主题

    2010

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    15521

    最佳新人热心会员活跃会员优秀版主

    发表于 2015-8-15 10:23:56 | 显示全部楼层
    然而我只是微微一笑,其实我早已看穿这一切

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


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

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

    连续签到: 1 天

    [LV.8]自成一派

    29

    主题

    939

    帖子

    6万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    61033

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

    QQ
    发表于 2015-8-15 10:29:42 | 显示全部楼层
    肚子好饿  还在上班中

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


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

  • TA的每日心情
    不爽
    2016-1-20 13:47
  • 签到天数: 179 天

    连续签到: 1 天

    [LV.7]炉火纯青

    7

    主题

    247

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    31290

    QQ
    发表于 2015-8-15 10:29:57 | 显示全部楼层
    这个好像是自动生成的  

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


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

  • TA的每日心情
    抱抱
    2016-11-16 17:20
  • 签到天数: 281 天

    连续签到: 1 天

    [LV.8]自成一派

    32

    主题

    2817

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    45073

    最佳新人热心会员

    QQ
    发表于 2015-8-15 10:34:50 | 显示全部楼层
    源代码转淘宝网的内核码,不合淘宝规则的源代码都会成为黑名单用不上,没办法,如果淘宝不限制一下源代码,那淘宝网上真的是五光十色乱套了!
    最好的我遇见最美的你,可是我们却隔了一整个青春!http://shop111472591.taobao.com
  • TA的每日心情
    大哭
    2016-10-6 09:57
  • 签到天数: 110 天

    连续签到: 1 天

    [LV.6]渐入佳境

    7

    主题

    169

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    18779

    发表于 2015-8-15 10:46:30 | 显示全部楼层

    然而我只是微微一笑,其实我早已看穿这一切

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


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

  • TA的每日心情
    抱抱
    2016-7-15 08:00
  • 签到天数: 232 天

    连续签到: 1 天

    [LV.7]炉火纯青

    3

    主题

    1230

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    35802

    发表于 2015-8-15 10:53:40 | 显示全部楼层
    不懂代码

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


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

  • TA的每日心情
    抱抱
    2015-11-2 16:39
  • 签到天数: 53 天

    连续签到: 1 天

    [LV.5]略有小成

    8

    主题

    81

    帖子

    7607

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    7607

     楼主| 发表于 2015-8-15 12:41:20 | 显示全部楼层
    caspy 发表于 2015-8-15 10:25
    footer-more-trigger sn-simple-logo mallNav-others
    调用官方给的css,现在自己写的不让用了
    第一个是c店 ...

    详细明了,谢谢你,完美的解决了我的问题。你给的那个网站 是淘宝开源的网站,是不是所有的CLASS类的官方调用都在这个里面?

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


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

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

    本版积分规则

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

    GMT+8, 2016-12-6 08:56 , Processed in 0.165077 second(s), 27 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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