淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1764|回复: 8
收起左侧

【分享】一个简单的导航代码

[复制链接]
  • TA的每日心情
    吐舌头
    2016-8-18 09:10
  • 签到天数: 325 天

    连续签到: 1 天

    [LV.8]自成一派

    27

    主题

    636

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    43157

    发表于 2015-5-9 11:23:05 | 显示全部楼层 |阅读模式
    本帖最后由 hunianzu 于 2015-5-9 11:24 编辑

    预览地址:http://shop114057036.taobao.com/p/rd568301.htm
    偷别人的,高度可以随意调整,高手勿喷


    jdfw.gif

    代码如下:
    1. <div style="width:950px;">
    2. <div class="J_TWidget" data-widget-type="Carousel" data-widget-config="{'effect':'scrollx','easing':'elasticOut','contentCls':'a47961924_aa','navCls':'a47961924_bb','delay':0,'duration':0.6,'circular':true,'autoplay':false}" style="position:relative;height:35px;width:950px;margin:0 auto;background-color:rgb(41,47,71);">
    3.     <ul class="a47961924_aa" >
    4.       <li style="width: 135px; display: block; float: left; height: 35px; font-size: 0px; position: relative; left: 950px;" > 就是这么吊 </li>
    5.       <li style="width: 135px; display: block; float: left; height: 35px; font-size: 0px; position: relative; left: 950px;" > 就是这么吊 </li>
    6.       <li style="width: 135px; display: block; float: left; height: 35px; font-size: 0px; position: relative; left: 950px;" > 就是这么吊 </li>
    7.       <li style="width: 135px; display: block; float: left; height: 35px; font-size: 0px; position: relative; left: 950px;" > 就是这么吊 </li>
    8.       <li style="width: 135px; display: block; float: left; height: 35px; font-size: 0px; position: relative; left: 950px;" > 就是这么吊 </li>
    9.       <li style="width: 135px; display: block; float: left; height: 35px; font-size: 0px; position: relative; left: 950px;" > 就是这么吊 </li>
    10.       <li style="width: 135px; display: block; float: left; height: 35px; font-size: 0px; background-color:rgb(255,0,51); background-position: 50% 1px;" > 就是这么吊 </li>
    11.     </ul>
    12.    
    13.    
    14.     <div class="a47961924_bb footer-more-trigger most-footer" style="width:auto;border:0;padding:0;left:0px;;top:0;text-align: center;height:35px;line-height:35px;color:#FFF;font-size:14px;background-color:transparent;">
    15.     <a href="#" style="float:right;color:#FFF;width:135px;text-decoration:none;font-weight:normal;font-family:微软雅黑;-webkit-transition:0.5s;transition:0.5s;"  >怒顶3楼</a>
    16.      <a href="#" style="float:right;color:#FFF;width:135px;text-decoration:none;font-weight:normal;font-family:微软雅黑;-webkit-transition:0.5s;transition:0.5s;"  >火钳流明</a>
    17.      <a href="#" style="float:right;color:#FFF;width:135px;text-decoration:none;font-weight:normal;font-family:微软雅黑;-webkit-transition:0.5s;transition:0.5s;"  >自古3楼出大神</a>
    18.      <a href="#" style="float:right;color:#FFF;width:135px;text-decoration:none;font-weight:normal;font-family:微软雅黑;-webkit-transition:0.5s;transition:0.5s;"  >3楼碉堡了</a>
    19.      <a href="#" style="float:right;color:#FFF;width:135px;text-decoration:none;font-weight:normal;font-family:微软雅黑;-webkit-transition:0.5s;transition:0.5s;"  >围观3楼</a>
    20.       <a href="#" style="float:right;color:#FFF;width:135px;text-decoration:none;font-weight:normal;font-family:微软雅黑;-webkit-transition:0.5s;transition:0.5s;"  >3楼SB</a>
    21.        <a href="#" style="float:right;color:#FFF;width:135px;text-decoration:none;font-weight:normal;font-family:微软雅黑;-webkit-transition:0.5s;transition:0.5s;"  >2楼是我的</a>
    22.         </div>
    23.   </div>
    24.   </div>
    复制代码





  • TA的每日心情

    2015-7-8 14:28
  • 签到天数: 2 天

    连续签到: 1 天

    [LV.1]初学乍练

    0

    主题

    55

    帖子

    2393

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    2393

    QQ
    发表于 2015-5-9 12:38:56 | 显示全部楼层
    谢谢分享

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


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

  • TA的每日心情

    2015-5-10 13:42
  • 签到天数: 24 天

    连续签到: 2 天

    [LV.4]初窥堂奥

    0

    主题

    62

    帖子

    3470

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    3470

    发表于 2015-5-9 14:00:20 | 显示全部楼层
    谢谢分享…

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


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

  • TA的每日心情
    抱抱
    2016-11-11 17:26
  • 签到天数: 658 天

    连续签到: 2 天

    [LV.9]已臻大成

    5

    主题

    245

    帖子

    11万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    115211

    最佳新人热心会员

    发表于 2015-5-9 16:41:51 | 显示全部楼层
    感谢分享,不错哦收了
    红旗村 http://www.mvjin.taobao.com
  • TA的每日心情
    臭美
    2016-11-28 17:09
  • 签到天数: 40 天

    连续签到: 1 天

    [LV.5]略有小成

    0

    主题

    45

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    11228

    发表于 2015-5-12 18:37:50 | 显示全部楼层
    真不错啊
    [img]http://imgstore01.cdn.sogou.com/app/a/1005200
  • TA的每日心情
    加油
    2016-10-10 22:54
  • 签到天数: 158 天

    连续签到: 2 天

    [LV.7]炉火纯青

    1

    主题

    61

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    30306

    最佳新人

    发表于 2015-5-16 12:00:02 | 显示全部楼层

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


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

    该用户从未签到

    0

    主题

    5

    帖子

    4823

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    4823

    发表于 2015-5-16 16:21:03 | 显示全部楼层
    天猫用不了。。。

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


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

  • TA的每日心情

    2015-10-14 21:28
  • 签到天数: 19 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    3

    主题

    14

    帖子

    3077

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    3077

    发表于 2015-6-5 22:23:50 | 显示全部楼层
    很不错哈

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


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

  • TA的每日心情
    大哭
    2016-9-21 16:21
  • 签到天数: 128 天

    连续签到: 1 天

    [LV.7]炉火纯青

    4

    主题

    587

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    27829

    最佳新人热心会员

    发表于 2015-6-6 09:30:55 | 显示全部楼层
    美的美的
    人面桃花里,浅笑如酒……
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

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

    GMT+8, 2016-12-8 04:22 , Processed in 0.127589 second(s), 22 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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