• 北大附小四年级举行第一学期阅读工程启动仪式 2019-06-14
  • 学习贯彻落实习近平总书记重要讲话精神·奥一网(oeeee.com) 2019-06-14
  • 山西欧美同学会为山西人才工作建言 2019-06-04
  • 火到怀疑人生!这些抖音网红款奶茶,你统统拔草了吗? 2019-06-04
  • 出卖社会主义,发不了大财。 2019-05-26
  • 历次五年规划(计划)资料库 2019-05-26
  • 关注改革最后一公里:湖北纪检等部门用新技术整合分散信息 2019-04-30
  • 阿克苏地区启动公共机构节能宣传周活动 2019-04-29
  • 最霸气小学生情书:直接画出“结婚证”(图) 2019-04-29
  • 南瓜-热门标签-华商生活 2019-04-18
  • 毕宝文会见罗马尼亚工商会代表团 2019-04-18
  • 一村一品!安徽推广“四带一自”产业扶贫模式 2019-04-12
  • 独角兽企业痛点:如何化解融资难题? 2019-04-12
  • 夏季频现恶犬伤人 三种情形算清账     2019-04-08
  • 坚持和发展中国特色社会主义的新篇章 2019-04-08
  • 【通知】
    【350模板全新升级】增加手机模板、海报模板----登陆账号进入后台,直接升级为旗舰版,点击查看详情》》
    当前位置:24天天彩资料大全 > 店铺装修 > 正文内容
    十一月5日

    时间:2014-11-05 13:22

    天天好彩246 正版资料:天猫淘宝店铺左侧悬浮和右侧悬浮代码

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

    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-06-14
  • 学习贯彻落实习近平总书记重要讲话精神·奥一网(oeeee.com) 2019-06-14
  • 山西欧美同学会为山西人才工作建言 2019-06-04
  • 火到怀疑人生!这些抖音网红款奶茶,你统统拔草了吗? 2019-06-04
  • 出卖社会主义,发不了大财。 2019-05-26
  • 历次五年规划(计划)资料库 2019-05-26
  • 关注改革最后一公里:湖北纪检等部门用新技术整合分散信息 2019-04-30
  • 阿克苏地区启动公共机构节能宣传周活动 2019-04-29
  • 最霸气小学生情书:直接画出“结婚证”(图) 2019-04-29
  • 南瓜-热门标签-华商生活 2019-04-18
  • 毕宝文会见罗马尼亚工商会代表团 2019-04-18
  • 一村一品!安徽推广“四带一自”产业扶贫模式 2019-04-12
  • 独角兽企业痛点:如何化解融资难题? 2019-04-12
  • 夏季频现恶犬伤人 三种情形算清账     2019-04-08
  • 坚持和发展中国特色社会主义的新篇章 2019-04-08