• 南瓜-热门标签-华商生活 2019-04-18
  • 毕宝文会见罗马尼亚工商会代表团 2019-04-18
  • 一村一品!安徽推广“四带一自”产业扶贫模式 2019-04-12
  • 独角兽企业痛点:如何化解融资难题? 2019-04-12
  • 夏季频现恶犬伤人 三种情形算清账     2019-04-08
  • 坚持和发展中国特色社会主义的新篇章 2019-04-08
  • 扎进深山扶贫 暖了百姓心——省个私企业党委直属企业党组织“精准扶贫丰宁行”活动侧记 2019-04-07
  • 《大轰炸》亮相上影节 历时8年导演曾四处举债 2019-04-06
  • “陪堂妈妈”上课3000多节 班主任:她去中考没问题 2019-04-06
  • 森林新都孔雀城·英国宫 2019-04-05
  • 探访2400年前郑国车马坑:出土最大“房车”(图) 2019-03-29
  • 亚丁,你是我不愿醒来的梦文章中国国家地理网 2019-03-29
  • 街采:民众热议“一带一路”国际合作高峰论坛 2019-03-27
  • 关于印发加强农民工尘肺病防治工作的意见的通知 2019-03-22
  • 享受租赁型职工集体宿舍,“北漂”必须了解的8件事 2019-03-22
  • 【通知】
    【350模板全新升级】增加手机模板、海报模板----登陆账号进入后台,直接升级为旗舰版,点击查看详情》》
    当前位置:24天天彩资料大全 > 店铺装修 > 正文内容
    十一月5日

    时间:2014-11-05 13:22

    家彩开奖千禧3d试机号:天猫淘宝店铺左侧悬浮和右侧悬浮代码

    0
    分类:店铺装修 | 评论:1人 | 浏览:62,878次   

    24天天彩资料大全 www.rqzgy.com 最近很多店铺都喜欢在左右两测添加悬浮导航,在这里说说怎么添加代码!如图所示:

    在首页添加一个自定义内容???/span>,然后点”源码”按钮,把代码粘帖进去就可以了!

    直接从本网页上复制代码,可能不能使用,请下载代码自行修改!

    天猫淘宝悬浮代码下载//pan.baidu.com/s/1ntwVVrr

    天猫店铺悬浮代码如下:

    <div class=”J_TWidget” style=”position: relative;z-index:99;” data-title=”" data-widget-config=”{‘duration’:0.1,’activeTriggerCls’:’.tshop-psm-shop-ww-hover’,'effect’:'scrollx’,'interval’:0.1,’activeIndex’:1,’navCls’:'dmxf’,'contentCls’:'dmxf2′,’autoplay’:true}” data-widget-type=”Carousel”>
    <ul class=”dmxf2″ style=”display: none; position:absolute;”>
    <li style=”display: block; float: left;”></li>
    </ul>
    <ul class=”dmxf”>
    <li style=”width:250px;height:434px;left:10px;top:150px;”>
    <img src=”//img03.taobaocdn.com/imgextra/i3/770213269/TB26cTNaVXXXXX_XXXXXXXXXXXX_!!770213269.png” border=”0″ usemap=”#Map5476578″ /> <map name=”Map5476578″> <area shape=”rect” coords=”43,124,171,185″ href=”//detail.tmall.com/item.htm?spm=a1z10.5.w4011-2670167419.64.lOLpcI&id=22199375712&rn=fb6f91b993470354ba58eb4bc1468e83&abbucket=15″ target=”_blank”> <area shape=”rect” coords=”47,215,168,322″ href=”//detail.tmall.com/item.htm?spm=a1z10.4.w5003-9274535836.5.Xugwhb&id=35359502024&rn=e5bc31fa17ad05899c1e2f3ea214331a&abbucket=0&scene=taobao_shop” target=”_blank”> <area shape=”rect” coords=”83,354,161,384″ href=”#”></map>
    </li>
    </ul>
    </div>

    ?代码注解,详细说明:

    1、上面红色部分代码是图片添加热点链接后的代码,大家在使用的时候,先把自己的图片添加热点链接,然后替换这段代码!

    2、蓝色部分代码可以设置图片的高宽与宽度、设置悬浮的位置和相对上下的距离!

    <li style=”width:250px(图片宽度);height:434px(图片高度);left:10px(left是左悬浮,right是右悬?。?top:150px(相对上下的距离,可自行修改看效果,设置得越小,越靠上,设置得越大,越靠下,一般150-250之间就行);”>

    3、图片最好做成png格式,背景透明,代码里面的图片宽度与高度,要根椐你自己图片的大小来设置,不能随意设置!

    淘宝C店悬浮代码:

    <div class=”J_TWidget” style=”position: relative;z-index:99;” data-title=”" data-widget-config=”{‘activeTriggerCls’:’.tshop-psm-shop-ww-hover’,'interval’:0.1,’activeIndex’:1,’autoplay’:true}” data-widget-type=”Tabs”>
    <div class=”ks-switchable-content ks-switchable-nav”>
    <div style=”display:block;width:250;height:434;left:10px;top:150px;z-index:2;outline: none;”>
    【中间加入添加热点的代码】
    </div>
    </div>
    </div>

    修改方法跟天猫店铺修改方法一样!

    如有问题,请联系旺旺:通学院

     

     

    来源:24天天彩资料大全(售后指导QQ号:3246731299),转载请注明出处,谢谢!

    • 评论:(1)
    • 有图有真相

    已有 1 位网友发表了一针见血的评论,你还等什么?

    ◎页面往下拉吧,有更多精彩评论?。ń刮拗形牡钠缆勰谌荩。?span class="kokea">

    1. 1 李成华
      Post:2016/09/20 15:00:40

      天猫无线端怎样添加悬浮导航呢

    站内搜索

  • 南瓜-热门标签-华商生活 2019-04-18
  • 毕宝文会见罗马尼亚工商会代表团 2019-04-18
  • 一村一品!安徽推广“四带一自”产业扶贫模式 2019-04-12
  • 独角兽企业痛点:如何化解融资难题? 2019-04-12
  • 夏季频现恶犬伤人 三种情形算清账     2019-04-08
  • 坚持和发展中国特色社会主义的新篇章 2019-04-08
  • 扎进深山扶贫 暖了百姓心——省个私企业党委直属企业党组织“精准扶贫丰宁行”活动侧记 2019-04-07
  • 《大轰炸》亮相上影节 历时8年导演曾四处举债 2019-04-06
  • “陪堂妈妈”上课3000多节 班主任:她去中考没问题 2019-04-06
  • 森林新都孔雀城·英国宫 2019-04-05
  • 探访2400年前郑国车马坑:出土最大“房车”(图) 2019-03-29
  • 亚丁,你是我不愿醒来的梦文章中国国家地理网 2019-03-29
  • 街采:民众热议“一带一路”国际合作高峰论坛 2019-03-27
  • 关于印发加强农民工尘肺病防治工作的意见的通知 2019-03-22
  • 享受租赁型职工集体宿舍,“北漂”必须了解的8件事 2019-03-22