淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 894|回复: 6
收起左侧

[美工相关] 请问这种导航效果怎么做?论坛里面有没有这方面的教程?

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

    2014-6-24 13:30
  • 签到天数: 2 天

    连续签到: 1 天

    [LV.1]初学乍练

    1

    主题

    6

    帖子

    3646

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    3646

    发表于 2015-5-15 16:48:25 | 显示全部楼层 |阅读模式
    QQ图片20150515164856.png

    鼠标移动到所有宝贝那就这样子显示。

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


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

  • TA的每日心情
    求抱抱
    2016-7-10 18:26
  • 签到天数: 66 天

    连续签到: 1 天

    [LV.6]渐入佳境

    2

    主题

    301

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    10026

    最佳新人热心会员

    QQ
    发表于 2015-5-15 17:48:08 | 显示全部楼层
    同求,O(∩_∩)O谢谢
    开始成为大神了!!!
  • TA的每日心情
    无奈
    5 天前
  • 签到天数: 199 天

    连续签到: 2 天

    [LV.7]炉火纯青

    2

    主题

    199

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    24782

    淘宝金冠店美工淘宝皇冠店美工天猫美工最佳新人热心会员

    发表于 2015-5-15 17:52:05 | 显示全部楼层
    好像论坛里有  看到过

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


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

  • TA的每日心情
    加油
    2016-11-12 14:40
  • 签到天数: 217 天

    连续签到: 1 天

    [LV.7]炉火纯青

    4

    主题

    73

    帖子

    4万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    41205

    最佳新人

    发表于 2015-5-15 18:02:41 | 显示全部楼层
    1. <table width="990" height="119" border="0" cellpadding="0" cellspacing="0">
    2.         <tbody>
    3.                 <tr>
    4.                         <td>
    5.                                 <div style="height:119px;background:url(//gdp.alicdn.com/imgextra/i2/499961437/TB2.cxgcFXXXXcdXpXXXXXXXXXX-499961437.jpg);width:886px;color:#FFF;text-align:center;line-height:30px;font-family:microsoft yahei;font-size:15px;">
    6.                                         <div style="width:300px;float:right;margin-right:320px;margin-top:84px;">
    7.                                                 <form action="http://cymo.tmall.com/?scene=taobao_shop" method="post" name="searchform" style="opacity:0.5;height:35px;float:left;" target="_blank">
    8.                                                          <input name="userId" type="hidden" /> <input value="57300442" name="shopId" type="hidden" /> <input name="view_type" type="hidden" /> <input name="order_type" type="hidden" /> <input value="y" name="search" type="hidden" /> <input style="border-bottom:medium none;text-align:left;border-left:medium none;line-height:17px;padding-left:9px;width:100px;background:none transparent scroll repeat 0% 0%;float:left;height:25px;color:#AF2E29;overflow:hidden;border-top:medium none;border-right:medium none;width:90px;height:25px;" value="卷卷发饰" name="keyword" /> <input style="border-bottom:medium none;border-left:medium none;width:33px;background:none transparent scroll repeat 0% 0%;float:left;height:30px;border-top:medium none;cursor:pointer;border-right:medium none;" value="" type="submit" />&nbsp;
    9.                                                 </form>
    10.                                                  <span style="float:left;font-size:12px;color:#FFF;line-height:28px;">热搜:<a style="color:#FFF;"  target="_blank">卷卷发饰</a>| <a style="color:#FFF;"  target="_blank">软陶</a></span>
    11.                                         </div>
    12.                                 </div>
    13.                         </td>
    14.                         <td>
    15.                                  <a  target="_blank"><img style="display:block;" src="//gdp.alicdn.com/imgextra/i3/499961437/TB2CetkcFXXXXXVXpXXXXXXXXXX-499961437.jpg" /></a>
    16.                         </td>
    17.                 </tr>
    18.         </tbody>
    19. </table>

    20. <div style="height:30px;background:url(//gdp.alicdn.com/imgextra/i3/499961437/TB20bMIcpXXXXXlXXXXXXXXXXXX_!!499961437.jpg);width:990px;color:#FFF;text-align:center;line-height:30px;font-family:microsoft yahei;font-size:14px;">
    21.         <div style="width:990px;float:left;">
    22.                  <a title="首页"  target="_blank" style="display:inline-block;height:30px;width:58px;float:left;color:#FFFFFF;text-decoration:none;">首页</a> <a title="所有产品" class="js1"  target="_blank" style="display:inline-block;height:30px;width:90px;float:left;color:#FFF;text-decoration:none;">所有产品▼</a> <a title="软陶泥"  target="_blank" style="display:inline-block;height:30px;width:60px;float:left;color:#FFFFFF;text-decoration:none;">软陶泥</a> <a title="超轻粘土"  target="_blank" style="display:inline-block;height:30px;width:90px;float:left;color:#FFFFFF;text-decoration:none;">超轻粘土</a> <a title="环保儿童产品"  target="_blank" style="display:inline-block;height:30px;width:110px;float:left;color:#FFFFFF;text-decoration:none;">环保儿童产品</a> <a title="其他DIY玩具"  target="_blank" style="display:inline-block;height:30px;width:110px;float:left;color:#FFFFFF;text-decoration:none;">其他DIY玩具</a> <a title="环保测试报告"  target="_blank" style="display:inline-block;height:30px;width:110px;float:left;color:#FFFFFF;text-decoration:none;">环保测试报告</a> <a title="作品秀"  target="_blank" style="display:inline-block;height:30px;width:80px;float:left;color:#FFFFFF;text-decoration:none;">作品秀</a> <a title="卷卷发饰" class="js2"  target="_blank" style="display:inline-block;height:30px;width:95px;float:left;color:#FFED6F;text-decoration:none;">卷卷发饰▼</a> <a title="教室课堂"  target="_blank" style="display:inline-block;height:30px;width:90px;float:left;color:#FFED6F;text-decoration:none;">教师课堂</a> <a title="微淘"  target="_blank" style="display:inline-block;height:30px;width:75px;float:left;color:#FFED6F;text-decoration:none;">微淘</a>
    23.         </div>
    24. </div>
    复制代码




    这里面有下拉导航的效果,,,研究一下吧,要复制进去导航装修才可以看到效果哦

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


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

  • TA的每日心情
    吐舌头
    2015-10-30 11:48
  • 签到天数: 70 天

    连续签到: 1 天

    [LV.6]渐入佳境

    5

    主题

    203

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    15076

    最佳新人热心会员

    QQ
    发表于 2015-5-15 19:00:02 | 显示全部楼层
    高手指点下,我也想学学~
    谁也不能随随便便的成功!
  • TA的每日心情
    加油
    2016-8-27 22:19
  • 签到天数: 277 天

    连续签到: 1 天

    [LV.8]自成一派

    33

    主题

    1035

    帖子

    7万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    79535

    天猫美工热心会员最佳新人活跃会员优秀版主

    QQ
    发表于 2015-5-15 20:33:24 | 显示全部楼层
    什么店铺给看看
  • TA的每日心情
    抱抱
    2016-11-12 15:14
  • 签到天数: 28 天

    连续签到: 1 天

    [LV.4]初窥堂奥

    4

    主题

    57

    帖子

    4034

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    4034

    QQ
    发表于 2015-5-18 10:35:26 | 显示全部楼层
    不错哦,嘿嘿!
    愿得一人心,白首不分离!
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

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

    GMT+8, 2016-12-5 04:32 , Processed in 0.119133 second(s), 20 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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