我的一亩三分地 我就喜欢!
网站首页
网管
论坛
环境保护
方便网址
网管助手
软件
下载
网站地图
设为主页
收藏本站
当前位置: >
一亩三分地:首页
>
网络学院
>
网页设计
>
JS特效
>
下拉式导航菜单
上下滚动的文字
(10-21)
状态栏字母大小写转换
(10-21)
Javascript:window对象的方法
(11-24)
网页中播放音乐的实现方法代码
(11-24)
如何防止被IE工具拦截导致无法弹出窗
(11-24)
模仿QQ和MSN消息提示的效果
(11-13)
可展开的导航菜单
(10-21)
简单实用的下拉菜单
(10-21)
主页制作器
(10-21)
广告文字的显示
(10-21)
下拉式导航菜单
作者:
来源:
点击:
日期:
2006-10-21
效果看到了吧
菜单一
l1
l2
l3
菜单二
l11
l12
l13
菜单三
l111
l112
l113
脚本说明: 把如下代码加入<body>区域中 <script> function hideAll() { for(i=0;i<odiv.length;i++) { odiv[i].style.display="none"; } } function showObj(num) { if (odiv[num].style.display=="none") { hideAll(); odiv[num].style.display="inline"; } else { odiv[num].style.display="none"; } } </script> <table> <tr > <td> <a href="#" onclick="showObj(0)">菜单一</a><br> <div id="odiv" style="display:none">l1<br>l2<br>l3</div> </td> </tr> <tr > <td> <a href="#" onclick="showObj(1)">菜单二</a><br> <div id="odiv" style="display:none">l11<br>l12<br>l13</div> </td> </tr> <tr > <td> <a href="#" onclick="showObj(2)">菜单三</a><br> <div id="odiv" style="display:none">l111<br>l112<br>l113</div> </td> </tr> </table>
【
文章评论
】 【
收藏本文
】 【
推荐好友
】 【
打印本文
】 【
论坛讨论
】
相关文章:
·
点击展开的下拉菜单
·
可展开的导航菜单
·
简单实用的下拉菜单
·
颜色代码生成器
·
变换背景色的页面
·
创建一个纯CSS的水平导航条
文章评论:
(条)
请留名:
匿名评论
点击查看所有评论
网管论坛
责任编辑:
一分
声明:刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。