淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 32814|回复: 382
收起左侧

【抢年货】你怎么少得了底部悬浮代码?

  [复制链接]
  • TA的每日心情
    大哭
    2017-7-8 11:53
  • 签到天数: 584 天

    连续签到: 1 天

    [LV.9]已臻大成

    89

    主题

    683

    帖子

    17万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    177002

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

    QQ
    发表于 2014-1-4 18:53:37 | 显示全部楼层 |阅读模式
    本帖最后由 い☆ve承諾 于 2014-1-7 17:15 编辑


    代码添加在自定义模块当中!可用作锚点!优惠活动等!
    如何修改高度:最近很多人问我高度如何设置,改了高度,也只显示63px。

    1. <div style="height:63px;">         
    2. <!-- 这里的height:63px;改成你的图片的高度 -->                              
    3.   <div class="sn-simple-logo" style="padding:0px;left:50%;top:auto;">  

    4. --------------------------------------------------------------------------------------------------

    5. style="left:auto;top:93%;width:1920px;height:63px;margin-left:auto;visibility:visible;">
    6. <!-- 这里的height:63px;改成你的图片的高度,top:93%指的是显示在屏幕93%的位置,不显示全可能超出了93,改低一点就显示了 -->      
    7.    
    复制代码



    1. <div style="height:63px;">                                                               
    2.   <div class="sn-simple-logo" style="padding:0px;left:50%;top:auto;">                     
    3.     <div class="sn-simple-logo" style="padding:0px;left:-960px;top:auto;">   
    4.   <div class="skin-box-bd clear-fix"><div style="height:0px;"><div class="J_TWidget" data-widget-config="{'duration':0.01,'activeTriggerCls':'.mui-mbar','interval':0.01,'effect':'fade','activeIndex':1,'navCls':'nav_kg','contentCls':'content_kg','autoplay':1}" data-widget-type="Carousel"><ul class="content_kg" style="display:none;"><li class="-_-switchable-panel-internal212 ks-switchable-panel-internal1223" style="display: block; opacity: 1; z-index: 9; position: absolute; "><span> </span></li></ul><ul class="nav_kg -_-" data-widget-config="{'fixed':true}" data-widget-type="Compatible"><li class="-_-switchable-trigger-internal211 -_- ks-switchable-trigger-internal1222 mui-mbar" style="left:auto;top:93%;width:1920px;height:63px;margin-left:auto;visibility:visible;"><img src="http://img03.taobaocdn.com/imgextra/i3/458210166/T2eItoXsBbXXXXXXXX-458210166.jpg" usemap="#zichen" border="0" />
    5.           <map name="zichen">
    6.             <area shape="rect" coords="656,2,805,60" href="#top1" target="_blank">
    7.             <area shape="rect" coords="808,1,944,60" href="#top2" target="_blank">
    8.             <area shape="rect" coords="951,2,1085,59" href="#top3" target="_blank">
    9.             <area shape="rect" coords="1093,1,1276,59" href="#top4" target="_blank">
    10.             <area shape="rect" coords="1287,1,1458,60" href="#top5" target="_blank">
    11.           </map>
    12. </li>
    13. </ul></div></div></div>
    14.               </span>
    15.         </div>
    16.          </div>
    17.   </div>                  
    18. </div>
    复制代码


    雷锋分享日记!




    评分

    参与人数 18美工币 +413 收起 理由
    严振龙yzl + 20 感谢分享!
    kinjets + 10 很给力!
    泪奔猪 + 2 很给力!
    通关归来的玛丽 + 1 【玛丽】 为留名而生
    ryekwon + 20 很给力!
    上海平板专卖 + 10 赞一个!
    sheyanjiashe + 10 C店基础测试无效
    Rain + 100 赞一个!
    良民lee + 10 背景音乐叫什么?
    kylee + 10 感谢分享!
    夜幕下的星空 + 10 乐于助人!
    漠然 + 20
    binwuhui + 20 吊炸天,竟然详情里面都出现了底部悬浮。.
    脑袋满满 + 10 乐于助人!
    Hxs + 20 乐于助人!
    俱俊贤 + 20 很给力!
    bdk236 + 20 很给力!
    gxzhou + 100 赞一个!感谢分享!

    查看全部评分

    但愿每次回忆,对生活都不感到负疚.-------雷锋
  • TA的每日心情
    思考
    2015-6-25 16:06
  • 签到天数: 25 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    0

    主题

    21

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    12744

    发表于 2014-1-4 18:57:58 | 显示全部楼层
    顶一顶你

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


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

  • TA的每日心情
    加油
    2016-11-11 22:40
  • 签到天数: 407 天

    连续签到: 1 天

    [LV.9]已臻大成

    3

    主题

    320

    帖子

    9万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    98169

    最佳新人热心会员

    发表于 2014-1-4 19:00:26 | 显示全部楼层
    最近流行底部悬浮了?

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


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

  • TA的每日心情
    吐舌头
    2017-6-22 20:49
  • 签到天数: 742 天

    连续签到: 1 天

    [LV.9]已臻大成

    2

    主题

    604

    帖子

    13万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    139399

    发表于 2014-1-4 19:02:20 | 显示全部楼层
    不错哦,各种悬浮

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


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

  • TA的每日心情
    抱抱
    2014-12-17 12:14
  • 签到天数: 16 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    19

    主题

    223

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    32746

    公司淘宝店铺

    发表于 2014-1-4 19:09:07 | 显示全部楼层
    又来悬浮了

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


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

  • TA的每日心情
    加油
    2016-12-31 15:39
  • 签到天数: 220 天

    连续签到: 1 天

    [LV.7]炉火纯青

    11

    主题

    210

    帖子

    9万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    99882

    最佳新人热心会员

    发表于 2014-1-4 19:15:46 | 显示全部楼层
    赞一个,楼主太厉害了!!!

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


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

  • TA的每日心情

    2017-6-8 13:56
  • 签到天数: 115 天

    连续签到: 1 天

    [LV.6]渐入佳境

    3

    主题

    38

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    33691

    QQ
    发表于 2014-1-4 19:21:55 | 显示全部楼层
    顶一顶你

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


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

  • TA的每日心情

    2014-3-1 13:13
  • 签到天数: 40 天

    连续签到: 1 天

    [LV.5]略有小成

    3

    主题

    48

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    16144

    发表于 2014-1-4 19:25:22 | 显示全部楼层
    有没有支持C店的底部悬浮
  • TA的每日心情

    2016-3-20 12:23
  • 签到天数: 187 天

    连续签到: 1 天

    [LV.7]炉火纯青

    4

    主题

    113

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    40686

    发表于 2014-1-4 19:33:31 | 显示全部楼层
    回复回复看底部

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


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

  • TA的每日心情
    思考
    2017-4-24 17:06
  • 签到天数: 259 天

    连续签到: 1 天

    [LV.8]自成一派

    11

    主题

    168

    帖子

    6万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    63578

    最佳新人热心会员淘宝钻级店美工淘宝金冠店美工宣传达人

    发表于 2014-1-4 19:37:20 | 显示全部楼层
    回复回复看底部
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

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

    GMT+8, 2017-8-21 16:17 , Processed in 0.481280 second(s), 43 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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