`
dawuafang
  • 浏览: 1112619 次
文章分类
社区版块
存档分类
最新评论

一段比较实用的JS导航条显隐例子

 
阅读更多
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<scriptlanguage="javascript">...
functionfn(num)...{
vari;
for(i=1;i<=5;i++)...{
vardivtar=document.getElementById("div"+i);
varbuttontar=document.getElementById("button"+i);
if(num==i)...{
divtar.style.display="";
}else...{
divtar.style.display="none";
}
}
}
</script>
<title>无标题文档</title>
</head>

<body>
<p>&nbsp;</p>
<p>&nbsp;</p>
<divid="div1">div1</div>
<divid="div2"style="display:none">div2</div>
<divid="div3"style="display:none">div3</div>
<divid="div4"style="display:none">div4</div>
<divid="div5"style="display:none">div5</div>
<p>
<inputtype="submit"name="button"id="button1"value="button1"onclick="fn(1)"/>
</p>
<p>
<inputtype="submit"name="button2"id="button2"value="button2"onclick="fn(2)"/>
</p>
<p>
<inputtype="submit"name="button3"id="button3"value="button3"onclick="fn(3)"/>
</p>
<p>
<inputtype="submit"name="button4"id="button4"value="button4"onclick="fn(4)"/>
</p>
<p>
<inputtype="submit"name="button5"id="button5"value="button5"onclick="fn(5)"/>
</p>
</body>
</html>

版权声明：本文为博主原创文章，未经博主允许不得转载。

分享到：
| eclipse插件大全介绍，以及下载地址(转)
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics