一段比较实用的JS导航条显隐例子 - dawuafang - ITeye博客

`

dawuafang

浏览: 1192160 次

最近访客更多访客>>

jmq2007

hbyufan

cqnieenp

leisure0422

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

全部博客 (2899)

社区版块

存档分类

2017-01 ( 14)
2016-12 ( 14)
2016-11 ( 12)
更多存档...

最新评论

llw8806： personG和personA的区别：因为匿名函数是先定义后调 ...
javascript函数、匿名函数、闭包的知识

一段比较实用的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> </p>

<p> </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>

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

分享到：

一个简单的Socket通信程序 | eclipse插件大全介绍，以及下载地址(转)

2008-05-16 13:43
浏览 460
评论(0)
查看更多

评论

发表评论

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

相关推荐

javascript经典特效---显隐的导航条.rar: "显隐的导航条"是JavaScript实现的一个常见特效，它允许导航条在特定条件下显示或隐藏，提高用户体验。在JavaScript中，实现导航条的显隐通常涉及以下知识点： 1. **DOM操作**：Document Object Model（DOM）是...

js控制html控件显隐: js控制html控件显隐显隐 js控制html控件显隐显隐

javascript图片动态显隐: 在网页设计中，JavaScript是一种强大的客户端脚本语言，它允许我们实现各种动态效果，包括元素的动态显隐。"javascript图片动态显隐"这个主题，就是关于如何使用JavaScript来控制图片或其他HTML元素在页面上根据特定...

javascript经典特效---图片显隐效果.rar: JavaScript是一种广泛应用于网页和互联网应用的脚本语言，它在客户端运行，为用户提供动态、交互式的用户体验。在网页设计中，图片显隐效果是常见的视觉交互功能，它能提升网站的吸引力和用户交互性。本教程将深入...

javascript经典特效---图片显隐变幻.rar: 在本案例中，“javascript经典特效---图片显隐变幻.rar”是一个包含JavaScript代码和相关资源的压缩包，其核心功能是实现图片的显示与隐藏效果，这种效果常用于网站上的轮播图、幻灯片展示等。图片显隐变幻的实现...

js 特效 html 特效跟随鼠标的显隐图片: js 特效 html 特效跟随鼠标的显隐图片 js 特效 html 特效跟随鼠标的显隐图片

菜单显隐切换终极版: 在IT行业中，菜单显隐切换是一项常见的交互设计功能，它使得用户可以轻松地隐藏或显示菜单，提升用户体验。本文将详细解析"菜单显隐切换终极版"所涉及的知识点，并结合实际项目应用进行深入探讨。首先，我们来看...

iClient for JavaScript的几种图层显隐控制: `iClient for JavaScript`是SuperMap提供的一款强大的JavaScript库，它允许开发者利用Web浏览器创建丰富的、交互式的地图应用。本文将深入探讨如何利用`iClient for JavaScript`来实现图层的显隐控制。一、图层的...

基于Axure RP8的导航菜单层级显隐缩放功能: 基于Axure RP8的导航菜单层级显隐缩放功能。菜单缩放。层级显隐。各层级都可添加关联事件/页面

联想隐藏盘显隐工具: "联想隐藏盘显隐工具"就是一款专门针对联想品牌电脑设计的实用软件，它允许用户方便地显示或隐藏已经创建的隐藏分区。这个工具对于那些遇到一键还原功能损坏或其他系统问题的用户来说，可能是解决困境的关键。首先...

显隐随心.msi: 快速切换窗口的显示与隐藏，拒绝他人的偷窥！支持XP、Win7、Win10。可自由定义鼠标、键盘操作窗口的显示与隐藏。

js控制显隐: js控制显隐，主要是菜单项的控制，包括自动弹出，自动隐藏，代码只是一部分

易语言源码非API显隐鼠标光标易语言例程.rar: 易语言源码非API显隐鼠标光标易语言例程.rar 易语言源码非API显隐鼠标光标易语言例程.rar 易语言源码非API显隐鼠标光标易语言例程.rar 易语言源码非API显隐鼠标光标易语言例程.rar 易语言源码非API显隐鼠标光标...

很好用的JS左侧导航菜单，滑过显示，移开隐藏: 标题提到的"很好用的JS左侧导航菜单，滑过显示，移开隐藏"是一种常见的交互设计模式，它利用JavaScript（JS）来实现动态效果，增强用户的浏览体验。这种设计通常被称为“悬停显示”或“滑过菜单”，它在鼠标悬停时...

可以拖动的显隐导航菜单: 可以拖动的显隐导航菜单! 很值得下载看看!资源免费,大家分享!!

js 特效 html 特效鼠标右键显隐效果: js 特效 html 特效鼠标右键显隐效果 js 特效 html 特效鼠标右键显隐效果

显隐器_可半透明_显隐器_: 总的来说，显隐器是一种增强用户体验、提升工作效率的实用工具，它的核心在于提供对程序显示状态的灵活控制，并结合半透明效果，使得多任务处理更加便捷。通过深入理解和熟练运用这样的工具，用户能够在复杂的数字...

javascript经典特效---图片显隐的简单方法.rar: 本资源“javascript经典特效---图片显隐的简单方法.rar”主要关注如何使用JavaScript来控制图片的显示和隐藏，这是一个常见的网页动态效果，对于提升用户体验至关重要。首先，我们来看JavaScript如何操作HTML中的...

鼠标定位即时显隐导航栏的创建.pdf: 鼠标定位即时显隐导航栏的创建.pdf

图片轮播展示——使用图片显隐控制.htm: 图片轮播展示——使用图片显隐控制.htm

Global site tag (gtag.js) - Google Analytics