<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>
本想用display:none,然后通过js控制其隐藏或者出现,但是才写一个table就发现这样写下去累成狗,求大神指点,万分感谢
几十行代码不至于累成狗吧,算你10个一级菜单也才几百行。
一周热门 更多>