用JavaScript创建可折叠导航菜单 - - ITeye博客

`

dickyzhu

浏览: 107974 次
性别:
来自: 武汉

最近访客更多访客>>

小泽啊

卢先鹏

nangehao

Jasonwang901014

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

全部博客 (98)

社区版块

存档分类

最新评论

Isak_mi：能否解释下: Manager boss = (Manager) ...
java强制类型转换
ssetnegl1990： [script]alert(1111)[/script]
js拖拽
ssetnegl1990：不是吧还真的这么搞 <script>alert(& ...
js拖拽
一个武将：对外公开的方法就没有这个便利了，因为你难以保证别人在调用你的c ...
java assert

用JavaScript创建可折叠导航菜单

阅读更多

<html>
<head>
<script type="text/javascript">
function collapse(zap){
	if(document.getElementById){
	    var abra=document.getElementById(zap).style;
		if(abra.display=="block"){
	        abra.display="none";
	    }else{
			abra.display="block";
	    }
	 return false;
	 }else{
		return true;
	 }
}
</script>
</head>
<body>
<h5><a onclick="return collapse('link');" href="#">Links</a></h5>
<ul id="link">
<li><a href="#">Link One</a></li>
<li><a href="#">Link Two</a></li>
<li><a href="#">Link Three</a></li>
<li><a href="#">Link Four</a></li>
</ul>
</body>
</html>

分享到：

连DB2报SQL30081N错 | UploadFile

2010-03-06 11:57
浏览 865
评论(0)
分类:Web前端
查看更多

评论

发表评论

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

相关推荐

JavaScript基础教程第8版: 15.2　创建可折叠菜单　292 15.3　创建更漂亮的对话框　294 15.4　条纹表格　298 15.5　表格排序　301 第16章　基于jQuery的应用　306 16.1　以jQuery为基础　306 16.2　使用ThemeRoller定制外观　307 16.3　在页面...

JavaScript实例精通: JavaScript实例精通 1．本书1~20章所附代码的运行环境操作系统：Windows 2003、Windows XP Professional，或者Windows 2000 开发环境：、Dreamwave、Notepad、UltraEdit，或者其他文本编辑器 Web服务器：IIS 5.1及...

《JavaScript实例精通》[源代码]: 18_8.htm 基于jQuery的折叠菜单。 18_9.htm 可编辑的表格数据。第19章（\19）示例描述：其他特效。 19_1.htm 中文日期。 19_2.htm 现在的日期及星期。 19_3.htm 带链接的滚动字幕。 19_4.htm 垂直...

JavaScript实战: 8.6 实现导航菜单动画 241 8.6.1 HTML 242 8.6.2 CSS 243 8.6.3 JavaScript 243 8.6.4 教程 244 第9章扩展Web表单 247 9.1 理解表单 248 9.1.1 选择表单元素 249 9.1.2 获取和设置表单元素的值 251 9.1.3 确定按钮...

易切换状态：一个小型JavaScript库，可轻松在任何上下文中切换任何HTML元素的状态，并立即创建UI组件: 下拉菜单，导航按钮，工具提示，可折叠面板，灯箱，选项卡，开关...数分钟内制作的UI组件，无需担心JavaScript。仅设置一些HTML属性，然后使用CSS技能编写其余的代码。请参阅一些示例。状态为什么？前端开发...

sled:JavaScript微库，用于对元素的高度进行动画处理以创建幻灯片效果: 我创建Sled是因为我想使用[Bootstrap's] [boostrapUrl]可折叠的导航栏菜单，而不必导入一堆不必要的代码。 Sled是44行代码，压缩了419个字节，并且没有依赖项。演示版查看演示。安装 npm install @ianwalter/sled...

JavaScript应用177例: 28.4.htm 触发型导航菜单 28.5.htm 下拉列表菜单 28.6.htm 树型导航菜单 28.7.htm 变色标题菜单第29章（\cha29） 29.1.htm 获取文本框中的内容 29.2.htm ...

使用CSS和Java来构建管理仪表盘布局的实例代码: 在这个新教程中，我们将使用CSS和JavaScript来创建响应式管理仪表板布局。要构建它，我们将从WordPress仪表板中借鉴一些想法，例如其可折叠的侧边栏菜单。在整个教程中，我们将面临许多挑战，但是这些挑战将为我们...

dd1x0n.github.io:我的投资组合网站: 导航菜单折叠为响应式的移动设备友好菜单带有Nav栏的汉堡菜单会随着屏幕尺寸的调整而调整。创建一个至少包含两个信息字段并验证输入的表单（例如，它检查以确保电子邮件为格式）通过使用我的“注册”页面，可以...

materializeRepo:使用 Materialise 创建站点的个人存储库: 可折叠的错误修复侧边栏错误修复复选框跨浏览器修复 Modal 支持 ESC 关闭 v0.94.0 Sidenav 支持右边缘定位响应式嵌入图像垂直对齐类添加了边框框创建的变量文件添加图钉工具提示支持所有方向添加了布局...

超实用的jQuery代码段: 7.16 平滑滚动的导航菜单 7.17 图片的放大预览 7.18 实现平滑的图片动态缩放效果 7.19 自动适应的窗口背景 7.20 如何判断加载多张图片的完成状态 7.21 鼠标悬停时的图片放大 7.22 淡出图片，淡入另一幅图片 7.23 ...

Eclipse_Swt_Jface_核心应用_部分19: 第1章 Java语言的GUI历史 2 1.1 最初的AWT 2 1.2 Swing工具包 3 1.3 Eclipse的诞生 3 1.4 Eclipse贡献SWT工具包 5 1.4.1 SWT的结构 6 ...15.3.3 创建菜单项 297 15.3.4 菜单项的事件处理 298 ...

lms_site:路易斯维尔媒体解决方案网站: 此项目是使用我从Treehouse前端Web开发轨道和其他资源中获得的技能开发的，并且满足以下针对Louis Louisville的项目提交要求： *可选的最低要求，最少三个： -导航菜单，该菜单会折叠为响应式的移动设备友好菜单...

Ext Js权威指南(.zip.001: 6.6　综合实例：可折叠的面板accordion / 280 6.7　本章小结 / 283 第7章　数据交互 / 284 7.1　数据交互基础 / 284 7.1.1　ajax概述 / 284 7.1.2　封装ajax：ext.data.connection与ext.ajax / 284 7.1.3　使用ajax ...

ExtAspNet_v2.3.2_dll: 目标是创建没有ViewState，没有JavaScript，没有CSS，没有UpdatePanel，没有WebServices的Web应用程序。支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome 2.0+, Opera 9.5+, Safari 3.0+ 注：ExtAspNet基于一些开源...

ExtAspNet v2.2.1 （2009-4-1）值得一看: 目标是创建没有JavaScript，没有CSS，没有UpdatePanel，没有WebServices的Web应用程序。支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome 2.0+, Opera 9.5+, Safari 3.0+ 注：ExtAspNet基于一些开源的程序ExtJS, ...

pattern-library: 在主要内容面板内右键单击以查看2014 年 10 月 31 日添加了新的帮助程序视图（单击nav-patterns.html上的第一个帮助程序图标）在 search.html 上添加了可折叠的搜索面板2014 年 10 月 27 日更新的搜索 HTML 添加了...

Global site tag (gtag.js) - Google Analytics