建站教学网,让你建站更便捷和轻松!QQ交流群:78085540
您当前的位置:首页 > 网页制作 > Javascript/Ajax

单纯js实现点击导航弹出下拉菜单效果,不需要css

来源:建站教学网  时间:2017-05-19 09:17:07

 <a href="<#ZC_BLOG_HOST#>">建站教学网</a>,站长必备的高质量网页特效和广告代码。jzread.com,站长js特效。<hr>

<!--欢迎来到建站教学网,我们网站收集大量高质量js特效,提供许多广告代码下载,网址:www.jzread.com打造靓站-->
<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";
}
//欢迎来到建站教学网,我们的网址是www.jzread.com,很好记,js就是js特效,本站收集大量高质量js代码,还有许多广告代码下载。
}
</script>
<table>
<tr >
<td>
<a href="#" onclick="showObj(0)">建站教学网</a>
<div id="odiv" style="display:none">
<a href="http://www.jzread.com">网站首页</a>
<a href="<#ZC_BLOG_HOST#>?cat=11">广告代码</a>
<a href="<#ZC_BLOG_HOST#>?cat=2">网页特效</a>
<a href="<#ZC_BLOG_HOST#>?cat=3">窗口特效</a>
<a href="<#ZC_BLOG_HOST#>?cat=32">rss订阅</a></div>
</td>
</tr>
<tr >
<td>
<a href="#" onclick="showObj(1)">您自定义吧</a>
<div id="odiv" style="display:none">
l11
l12
l13</div>
</td>
</tr>
<tr >
<td>
<a href="#" onclick="showObj(2)">您自定义吧</a>
<div id="odiv" style="display:none">
l111
l112
l113</div>
</td>
</tr>
</table>
 

责任编辑:风中的自由

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表
CopyRight 2008-2009, JZREAD.COM, Inc. All Rights Reserved 联系QQ:568245346
皖ICP备09015033号