淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 2651|回复: 21
收起左侧

导航大致结构

[复制链接]
  • TA的每日心情

    2016-11-16 15:40
  • 签到天数: 99 天

    连续签到: 2 天

    [LV.6]渐入佳境

    16

    主题

    336

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    43960

    发表于 2015-6-11 13:56:54 | 显示全部楼层 |阅读模式
    1. <!-- 导航栏菜单结构 -->
    2.     <div class="skin-box-bd">
    3.         <!-- “所有分类” -->
    4.         <div class="all-cats popup-container"><!-- 鼠标滑过变成“all-cats popup-container all-cats-hover” -->
    5.                 <div class="all-cats-trigger popup-trigger">
    6.                     <a class="link ">
    7.                         <span class="title">
    8.                             所有分类
    9.                         </span>
    10.                         <i class="popup-icon"></i>
    11.                     </a>
    12.                 </div>
    13.         </div>
    14.         <!-- 其他菜单 -->
    15.         <ul class="menu-list">
    16.                 <li class="menu"><!-- 鼠标滑过变成“menu menu-hover” -->
    17.                         <a class="link" >
    18.                             <span class="title">首页</span>
    19.                         </a>
    20.                 </li>

    21.                 <li class="menu">
    22.                         <a class="link ">
    23.                             <span class="title">手机</span>
    24.                         </a>
    25.                 </li>

    26.                 <li class="menu">
    27.                         <a class="link ">
    28.                             <span class="title">电脑</span>
    29.                         </a>
    30.                 </li>
    31.         </ul>
    32.     </div>

    33.     <!-- “所有分类”一级子菜单结构 -->
    34.     <div class="popup-content">
    35.         <div class="popup-inner">
    36.             <ul class="J_TAllCatsTree cats-tree">
    37.             <!-- 第一项 -->
    38.                 <li class="cat fst-cat"><!-- 鼠标滑过变成“cat fst-cat cat-hd-hover” -->
    39.                     <h4 class="cat-hd fst-cat-hd has-children">
    40.                         <i class="cat-icon fst-cat-icon"></i>
    41.                         <a class="cat-name fst-cat-name">所有宝贝</a>
    42.                     </h4>
    43.                     <!-- “所有分类”二级子菜单 -->
    44.                     <div class="snd-pop tb-shop-popup-content popup-hidden overlay-hidden" style="position: absolute; top: 3.4375px; left: 190px;"><!-- 此时被隐藏,显示时class为“snd-pop tb-shop-popup-content” -->
    45.                     <div class="popup-content">
    46.                     <div class="snd-pop-inner">
    47.                         <ul class="fst-cat-bd">
    48.                             <li class="cat snd-cat">
    49.                             <!-- 二级子菜单第一项 -->
    50.                                 <h4 class="cat-hd snd-cat-hd"><!-- 鼠标滑过变成“cat-hd snd-cat-hd snd-cat-hd-hover” -->
    51.                                     <i class="cat-icon snd-cat-icon"></i>
    52.                                     <a class="by-label by-sale snd-cat-name">按销量</a>
    53.                                 </h4>
    54.                             <!-- 二级子菜单第二项 -->
    55.                                 <h4 class="cat-hd snd-cat-hd">
    56.                                     <i class="cat-icon snd-cat-icon"></i>
    57.                                     <a class="by-label by-new snd-cat-name">按新品</a>
    58.                                 </h4>

    59.                             </li>
    60.                         </ul>
    61.                     </div>
    62.                     </div>
    63.                     </div>
    64.                 </li>
    65.             <!-- 第二项 -->
    66.                 <li class="cat fst-cat">
    67.                 <h4 class="cat-hd fst-cat-hd ">
    68.                     <i class="cat-icon fst-cat-icon  active-trigger"></i>
    69.                     <a class="cat-name fst-cat-name">手机</a>
    70.                 </h4>
    71.                 </li>
    72.             <!-- 第三项 -->
    73.                 <li class="cat fst-cat">
    74.                 <h4 class="cat-hd fst-cat-hd ">
    75.                     <i class="cat-icon fst-cat-icon  active-trigger"></i>
    76.                     <a class="cat-name fst-cat-name">电脑</a>
    77.                 </h4>
    78.                 </li>

    79.             </ul>
    80.         </div>
    81.     </div>
    复制代码


    评分

    参与人数 1美工币 +50 收起 理由
    峰生水起之林 + 50 原创!

    查看全部评分

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


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

  • TA的每日心情

    2016-11-16 15:40
  • 签到天数: 99 天

    连续签到: 2 天

    [LV.6]渐入佳境

    16

    主题

    336

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    43960

     楼主| 发表于 2015-6-11 13:57:28 | 显示全部楼层
    这是淘宝店铺的

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


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

  • TA的每日心情
    加油
    2016-11-26 16:52
  • 签到天数: 220 天

    连续签到: 1 天

    [LV.7]炉火纯青

    14

    主题

    1111

    帖子

    3万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    35311

    天猫美工最佳新人热心会员

    发表于 2015-6-11 14:14:00 | 显示全部楼层
    顶一个。
  • TA的每日心情

    2016-6-11 16:25
  • 签到天数: 192 天

    连续签到: 1 天

    [LV.7]炉火纯青

    23

    主题

    553

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    27818

    天猫美工热心会员最佳新人

    QQ
    发表于 2015-6-11 14:17:04 | 显示全部楼层

    顶一个。
  • TA的每日心情

    3 天前
  • 签到天数: 1165 天

    连续签到: 1 天

    [LV.10]功行圆满

    59

    主题

    6125

    帖子

    53万

    积分

    版主

    阅读权限: 100

    黄皮很酸吗? 糖糖很甜吗? 亲 我一下犯法吗?

    Rank: 12Rank: 12Rank: 12

    积分
    539106

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

    QQ
    发表于 2015-6-11 14:38:16 | 显示全部楼层
    感谢分享
    >>>>>>挖掘淘宝Bug与代应用:364384606<<<<<<
  • TA的每日心情
    抱抱
    昨天 09:11
  • 签到天数: 1097 天

    连续签到: 2 天

    [LV.10]功行圆满

    4

    主题

    316

    帖子

    23万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    238548

    发表于 2015-6-11 16:13:19 | 显示全部楼层
    顶一个

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


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

  • TA的每日心情
    无奈
    2016-7-21 13:05
  • 签到天数: 77 天

    连续签到: 1 天

    [LV.6]渐入佳境

    3

    主题

    51

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    15568

    发表于 2015-6-12 11:10:36 | 显示全部楼层
    完全看不懂,怎么学基础的。。。

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


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

  • TA的每日心情

    2016-11-16 15:40
  • 签到天数: 99 天

    连续签到: 2 天

    [LV.6]渐入佳境

    16

    主题

    336

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    43960

     楼主| 发表于 2015-6-12 11:37:08 | 显示全部楼层
    理想主义 发表于 2015-6-12 11:10
    完全看不懂,怎么学基础的。。。

    可以教你的

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


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

  • TA的每日心情
    无奈
    2016-7-21 13:05
  • 签到天数: 77 天

    连续签到: 1 天

    [LV.6]渐入佳境

    3

    主题

    51

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    15568

    发表于 2015-6-14 00:08:25 | 显示全部楼层
    有教程吗?大神

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


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

    该用户从未签到

    0

    主题

    2

    帖子

    102

    积分

    新手上路

    阅读权限: 10

    Rank: 1

    积分
    102

    发表于 2015-6-16 20:52:32 | 显示全部楼层
    新手怎么进群学习啊

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


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

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

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

    GMT+8, 2016-12-4 05:55 , Processed in 0.156883 second(s), 39 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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