优艾设计网

怎样快速写出二级菜单?

<div class="nav"> <ul class="ul1"> <li class="first"> <img src="img/ico6.png"/><span>所有商品分类</span> </li> <li class="ul1-second"><img src="img/ul1-ico8.jpg"/><span>手机数码</span></li> <li class="ul1-third"><img src="img/ul1-ico3.jpg"/><span>电脑办公</span></li> <li class="ul1-fourth"><img src="img/ul1-ico7.jpg" alt="" /><span>食品/酒饮/生鲜/特产</span></li> <li class="ul1-fifth"><img src="img/ul1-ico1.jpg"/><span>服装/鞋帽/箱包</span></li> <li class="ul1-sixth"><img src="img/ul1-ico2.jpg"/><span>母婴玩具</span></li> <li class="ul1-seventh"><img src="img/ul1-ico5.jpg"/><span>家居/生活/服务</span></li> <li class="ul1-ninth"><img src="img/ul1-ico4.jpg"/><span>个护美妆/清洁用品</span></li> <li class="last-child"><img src="img/ul1-ico6.jpg"/><span>家用电器</span></li> <!--二级子菜单--> <!--<div class="phone-digital"> <table border="1px" cellspacing="0" cellpadding="0"> <tr><th><a href="#">手机数码</a></th></tr> <tr> <td><a href="#">手机通讯</a></td> <td><a href="#">iPhone</a></td> <td><a href="#">三星</a></td> <td><a href="#">小米</a></td> <td><a href="#">魅族</a></td> <td><a href="#">华为</a></td> </tr> <tr> <td></td> <td><a href="#">诺基亚</a></td> <td><a href="#">联想</a></td> <td><a href="#">HTC</a></td> <td><a href="#">中兴</a></td> <td><a href="#">索尼</a></td> </tr> <tr> <td></td> <td><a href="#">乐视</a></td> <td><a href="#">其他</a></td> <td><a href="#">微软</a></td> <td><a href="#">儿童定位手表</a></td> </tr> <tr> <td></td> <td><a href="#">乐视</a></td> <td><a href="#">其他</a></td> <td><a href="#">微软</a></td> <td><a href="#">儿童定位手表</a></td> </tr> <tr> <td>摄影摄像 ></td> <td><a href="#">单反相机</a></td> </tr> <tr> <td>智能设备 ></td> <td><a href="#">健康监测</a></td> <td><a href="#">智能手表</a></td> </tr> </table> </div>--> </ul>

本想用dis优艾设计网_设计圈play:none,然后通过js控制其隐藏或者出现,但是才写一个table就发现这样写下去累成狗,求大神指点,万分感谢


谢晓雯 优艾设计网_Photoshop交流 2022-07-09 18:25

如果想代码简洁一些,可以写一个table,根据数据动态的生成二级菜单


空若烟 2022-07-09 18:优艾设计网_PS交流27

当然,能用几十行代码解决的不要写几百行。不过要做的准备工作更多


呵呵哒u89 2022-07-09 18:31

优艾设计网_PS论坛

几十行代码不至于累成狗吧,算你10个一级菜单也才几百行。


linawang08 优艾设计网_Photoshop论坛 2022-07-09 18:31

如果你想写8个二级菜单,就直接复制粘贴算了,也就一个打字的时间


0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜