源码网商城，靠谱的源码在线交易网站我的订单购物车帮助

当前位置：首页 > 资讯 > 技术文档

css实现会折叠、展开的菜单导航栏效果

时间：2022-02-17 03:21 编辑：来源：阅读：
扫一扫，手机访问

摘要：css实现会折叠、展开的菜单导航栏效果

<meta content="text/html; charset=gb2312" http-equiv="Content-Type"> 
导航栏 
 
 
 
<div align="left"> 
<table border="0" cellpadding="0" cellspacing="0" width="48"> 
<tr> 
<td><div class="up" onclick="show("a0")">+01-10</div><div id="a0" onmouseout="low()" onmouseover="high()" style="display:none"> 
[*]01[/*] 
[*]02[/*] 
[*]03[/*] 
[*]04[/*] 
[*]04[/*] 
[*]05[/*] 
[*]06[/*] 
[*]07[/*] 
[*]08[/*] 
[*]09[/*] 
[*]10[/*] 
</div></td> 
</tr> 
<tr> 
<td><div class="up" onclick="show("a1")">+11-20</div><div id="a1" onmouseout="low()" onmouseover="high()" style="display:none"> 
[*]11[/*] 
[*]12[/*] 
[*]13[/*] 
[*]14[/*] 
[*]15[/*] 
[*]16[/*] 
[*]17[/*] 
[*]18[/*] 
[*]19[/*] 
[*]20[/*] 
</div></td> 
</tr> 
<tr> 
<td><div class="up" onclick="show("a2")">+21-30</div><div id="a2" onmouseout="low()" onmouseover="high()" style="display:none"> 
[*]21[/*] 
[*]22[/*] 
[*]23[/*] 
[*]24[/*] 
[*]25[/*] 
[*]26[/*] 
[*]27[/*] 
[*]28[/*] 
[*]29[/*] 
[*]30[/*] 
</div></td> 
</tr> 
<tr> 
<td><div class="up" onclick="show("a3")">+31-40</div><div id="a3" onmouseout="low()" onmouseover="high()" style="display:none"> 
[*]31[/*] 
[*]32[/*] 
[*]33[/*] 
[*]34[/*] 
[*]35[/*] 
[*]36[/*] 
[*]37[/*] 
[*]38[/*] 
[*]39[/*] 
[*]40[/*] 
</div></td> 
</tr> 
<tr> 
<td><div class="up" onclick="show("a4")">+41-50</div><div id="a4" onmouseout="low()" onmouseover="high()" style="display:none"> 
[*]41[/*] 
[*]42[/*] 
[*]43[/*] 
[*]44[/*] 
[*]45[/*] 
[*]46[/*] 
[*]47[/*] 
[*]48[/*] 
[*]49[/*] 
[*]50[/*] 
</div></td> 
</tr> 
<tr> 
<td><div class="up" onclick="show("a5")">+51-60</div><div id="a5" onmouseout="low()" onmouseover="high()" style="display:none"> 
[*]51[/*] 
[*]52[/*] 
[*]53[/*] 
[*]54[/*] 
[*]55[/*] 
[*]56[/*] 
[*]57[/*] 
[*]58[/*] 
[*]59[/*] 
[*]60[/*] 
</div></td> 
</tr> 
<tr> 
<td><div class="up" onclick="show("a7")">+61-70</div><div id="a7" onmouseout="low()" onmouseover="high()" style="display:none"> 
[*]61[/*] 
[*]62[/*] 
[*]63[/*] 
[*]64[/*] 
[*]65[/*] 
[*]66[/*] 
[*]67[/*] 
[*]68[/*] 
[*]69[/*] 
[*]70[/*] 
</div></td> 
</tr> 
<tr> 
<td><div class="up" onclick="show("a8")">+71-80</div><div id="a8" onmouseout="low()" onmouseover="high()" style="display:none"> 
[*]71[/*] 
[*]72[/*] 
[*]73[/*] 
[*]74[/*] 
[*]75[/*] 
[*]76[/*] 
[*]77[/*] 
[*]78[/*] 
[*]79[/*] 
[*]80[/*] 
</div></td> 
</tr> 
</table> 
</div>

[Ctrl+A 全选注:[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]

全部评论(0)

上一篇：用dtree实现树形菜单 dtree使用说明
下一篇：js canvas实现QQ拨打电话特效

资讯排行榜
更多>>

关于我们 | 广告合作 | 联系我们 | 隐私条款 | 免责声明 | 网站地图

苏ICP备2024110244号-2 苏公网安备32050702011978号增值电信业务经营许可证编号：苏B2-20251499 | Copyright 2018 - 2025 源码网商城 (www.ymwmall.com) 版权所有

联系客服

客服电话：
400-000-3129

微信版

扫一扫进微信版

返回顶部