电商卖家互助联盟吧 关注:57,085贴子:158,170

淘宝美工--JS特效模块:窗帘效果

只看楼主收藏回复

之前发过百叶窗轮播
http://tieba.baidu.com/p/3546580949
今天来发一下窗帘效果


1楼2015-01-31 15:49回复
    ——————头部代码
    <div class="skin-box-bd clear-fix">
    <div class="J_TWidget" data-widget-config="{'effect': 'fade', 'circular': true ,'contentCls':'piaofu' }" data-widget-type="Tabs" style="width: 950px; height: 400px">
    <div class="piaofu">
    <div class="slider-promo J_TWidget" style="width: 950px; height: 400px">
    <div style="border-bottom: #dddddd 1px solid; border-left: #dddddd 1px solid; width: 948px; height: 400px; overflow: hidden; border-top: #dddddd 1px solid; border-right: #dddddd 1px solid">
    <div class="J_TWidget" data-widget-config="{'triggerType': 'mouse','autoplay':true, 'triggerCls':'zu', 'panelCls':'ci', 'multiple':false,'hasTriggers':true}" data-widget-type="Accordion">
    <div class="J_TWidget section2" style="width: 950px; float: left; height: 400px; margin-left: 0px">
    ——————中间代码——————
    </div></div></div></div><ul class="ks-switchable-nav"><li class="ks-active"><span> </span></li></ul></div></div></div>
    这部分嘛。大家直接抄过去就好啦


    2楼2015-01-31 15:51
    回复
      2026-05-19 20:39:18
      广告
      不感兴趣
      开通SVIP免广告
      接下来就是中间的内容部分。你需要几个页就写几段。这应该容易理解
      #000000:标签颜色,000000表示黑色,如果希望区分。这个嘛自己改
      下面就是加入“宝贝标题”、“图片地址”,“链接”
      如果宝贝标题部分不想被点击,那么可以把链接处放空就可以啦!
      <div align="center" class="zu" style="padding-bottom: 0px; background-color: #000000; width: 30px; float: left; height: 400px; overflow: hidden; cursor: pointer; border-right: #dddddd 1px solid; padding-top: 0px">
      <table border="0" cellpadding="0" cellspacing="0" class="" width="15">
      <tbody>
      <tr>
      <td height="400">
      <span><a data-attr-replace="[{'type':'innerHTML','desc':''}]" href="链接" style="color: #ffffff; font-weight: normal" target="_blank">宝贝标题</a></span></td>
      </tr>
      </tbody>
      </table>
      </div>
      <div class="ci" style="width: 825px; display: block; float: left; height: 400px; overflow: hidden">
      <span><a data-attr-replace="[{'type':'href','desc':''}]" href="链接" target="_blank"><img border="0" data-attr-replace="[ {'type':'src','desc':''}]" height="400" src="图片地址825*400像素" style="width: 825px; height: 400px" width="830" /></a></span></div>


      本楼含有高级字体3楼2015-01-31 15:56
      回复
        希望对大家有些帮助。


        4楼2015-01-31 15:56
        回复
          有帮助,只可惜我是新手


          5楼2015-02-01 00:11
          收起回复
            好像可以用用。嘿嘿


            来自Android客户端6楼2015-02-02 12:03
            收起回复
              1


              来自Android客户端7楼2015-02-05 05:50
              收起回复
                1


                来自Android客户端9楼2015-02-09 16:59
                回复
                  2026-05-19 20:33:18
                  广告
                  不感兴趣
                  开通SVIP免广告
                  2


                  来自Android客户端10楼2015-02-09 16:59
                  回复
                    5


                    来自Android客户端11楼2015-02-09 17:02
                    回复
                      1


                      来自Android客户端12楼2015-02-10 09:05
                      回复
                        1


                        来自Android客户端14楼2015-02-11 10:12
                        回复
                          2


                          来自Android客户端16楼2015-02-13 09:35
                          回复
                            1


                            来自Android客户端18楼2015-02-17 05:41
                            回复
                              2026-05-19 20:27:18
                              广告
                              不感兴趣
                              开通SVIP免广告
                              5


                              来自Android客户端19楼2015-02-17 05:43
                              回复