首页 ┆ 网站地图 ┆ 在线留言 ┆ 游戏资讯 ┆ 资源下载 ┆ 端午节祝福 ┆ 迅雷在线影视
设为首页
加入收藏
联系我们
高级搜索
您当前的位置: 主页>编程相关>JAVASCRIPT>javascript导航条比较实用的显隐例子
javascript导航条比较实用的显隐例子
来源: 发布时间:2008-05-19 发布人: 浏览: 人次   字体: [ ]  
一段比较实用的javascript导航条显隐例子
<!
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="javascript">
  
function fn(num){
    
var i;
    
for(i=1;i<=5;i++){
      
var divtar=document.getElementById("div"+i);
      
var buttontar=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>
<div id="div1" >div1</div>
<div id="div2" style="display:none">div2</div>
<div id="div3" style="display:none">div3</div>
<div id="div4" style="display:none">div4</div>
<div id="div5" style="display:none">div5</div>
<p>
  
<input type="submit" name="button" id="button1" value="button1" onclick="fn(1)" />
</p>
<p>
  
<input type="submit" name="button2" id="button2" value="button2"  onclick="fn(2)"/>
</p>
<p>
  
<input type="submit" name="button3" id="button3" value="button3" onclick="fn(3)"/>
</p>
<p>
  
<input type="submit" name="button4" id="button4" value="button4" onclick="fn(4)"/>
</p>
<p>
  
<input type="submit" name="button5" id="button5" value="button5" onclick="fn(5)" />
</p>
</body>
</html>

相 关 文 章   发布商链接
·javascript实现一个IP只弹窗一次代码
·javascript实现页面载入等待效果代码
·javascript结合Ajax制作的可编辑表格...
·javascript脚本实现右键弹出图片另存...
·javacript实现关闭子窗口,刷新父窗口...
·javascript实现模仿IE自动完成功能代...
·javascript实现网易邮箱多附件上传功...
·javascript解决iframe框架页面自适应...
·javascript实现页面自动刷新和自动跳...
·探讨javascript函数传递的参数长度限...
 §最新评论:(评论内容只代表网友观点,与本站立场无关!)
网名: 验证码:  【所有评论】【↑返回顶部
评 分: 12 345
评论内容:(不能超过500字,请自觉遵守互联网相关政策法规。[按 Ctrl+Enter 可直接提交]
注意:请勿在本站发布政治话题、色情及违反法律的内容。
IT知道网 声明:刊登此文章是为了传递更多信息,文章内容仅供参考,转载请注明出处。
推 荐 文 章
·javscript实现鼠标移到小图片
·如何在静态页面中利用javascr...
·javascript实现WEB页面导出为...
·如何在兼容IE和Firefox的情况
·javascript读取本地excel文档
·javascript实现页面自动刷新...
·javascript解决iframe框架页...
·javascript实现网易邮箱多附...
·javascript实现模仿IE自动完...
·javacript实现关闭子窗口,刷...
·javascript脚本实现右键弹出...
·javascript结合Ajax制作的可...
·javascript实现页面载入等待...
·javascript实现一个IP只弹窗...
·怎样把select选择下拉框中的...
热 门 文 章
·Ext2.0框架的Grid使用介绍祥...
·JS实现多行的HTML静态表格分...
·javascript实现多张图片轮流...
·javascript使用xml数据岛的简...
·Adobe Reader利用javascript...
·javascript读写TEXT文本文件...
·幻灯片焦点图片新闻显示调用f...
·实例讲解Ext Js生成动态树,...
·javascript实现页面载入等待...
·javascript实现动态多附件上...
·Javascript在IE和FireFox中的...
·javascript解析身份证号码得...
·javascript脚本实现右键弹出...
·javascript实现的网页软键盘...
·js操作innerHTML 引起的未知...
网站首页 - 关于本站 - 加入收藏 - 网站地图 - 友情连接 - 在线留言 - 联系我们 - 返回顶部
Copyright © 2007 IT知道网.[冀ICP备07026896号]. All Rights Reserved .