多级菜单导航

最新推荐文章于 2014-11-13 20:49:37 发布
最新推荐文章于 2014-11-13 20:49:37 发布
阅读量88 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/luozhanbin/archive/2008/10/26/1319842.html
版权
ContractedBlock.gif ExpandedBlockStart.gif Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<STYLE type=text/css>TD {
    FONT-SIZE: 9pt
}
BODY {
    FONT-SIZE: 9pt
}
A:link {
    COLOR: blue; TEXT-DECORATION: none
}
A:visited {
    COLOR: blue; TEXT-DECORATION: none
}
A:active {
    COLOR: green; TEXT-DECORATION: none
}
A:hover {
    COLOR: red; TEXT-DECORATION: underline
}
</STYLE>

<script language="JavaScript1.2">
scores = new Array(20);var numTotal=0;NS4 = (document.layers) ? 1 : 0;IE4 = (document.all) ? 1 : 0;ver4 = (NS4 || IE4) ? 1 : 0;if (ver4) {    with (document) {        write("<STYLE TYPE='text/css'>");        if (NS4) {            write(".parent {position:absolute; visibility:visible}");            write(".child {position:absolute; visibility:visible}");            write(".regular {position:absolute; visibility:visible}")        }        else {            write(".child {display:none}")        }        write("</STYLE>");    }}function getIndex(el) {    ind = null;    for (i=0; i<document.layers.length; i++) {        whichEl = document.layers[i];        if (whichEl.id == el) {            ind = i;            break;        }    }    return ind;}function arrange() {    nextY = document.layers[firstInd].pageY +document.layers[firstInd].document.height;    for (i=firstInd+1; i<document.layers.length; i++) {        whichEl = document.layers[i];        if (whichEl.visibility != "hide") {            whichEl.pageY = nextY;            nextY += whichEl.document.height;        }    }}function initIt(){    if (!ver4) return;    if (NS4) {        for (i=0; i<document.layers.length; i++) {            whichEl = document.layers[i];            if (whichEl.id.indexOf("Child") != -1) whichEl.visibility = "hide";       }        arrange();    }    else {        divColl = document.all.tags("DIV");        for (i=0; i<divColl.length; i++) {            whichEl = divColl(i);            if (whichEl.className == "child") whichEl.style.display = "none";        }    }}function expandIt(el) {    if (!ver4) return;    if (IE4) {        whichEl1 = eval(el + "Child");        for(i=1;i<=numTotal;i++){            whichEl = eval(scores[i] + "Child");            if(whichEl!=whichEl1) {                whichEl.style.display = "none";            }        }        whichEl1 = eval(el + "Child");        if (whichEl1.style.display == "none") {            whichEl1.style.display = "block";        }        else {            whichEl1.style.display = "none";        }    }    else {        whichEl = eval("document." + el + "Child");        for(i=1;i<=numTotal;i++){            whichEl = eval("document." + scores[i] + "Child");            if(whichEl!=whichEl1) {                whichEl.visibility = "hide";            }        }        if (whichEl.visibility == "hide") {            whichEl.visibility = "show";        }        else {            whichEl.visibility = "hide";        }        arrange();    }}onload = initIt;
</script>



</head>

<body>
<div id='KB1Parent' class='parent'><a href="#" onClick="expandIt('KB1'); return false">
<IMG SRC="111.gif" BORDER=0>时间日期类</a></div><div id='KB1Child' class='child'>
<a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>任意位置显示时钟</a><br>
<a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>倒计时代码生成器</a><br>
<a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>八种风格时间显示</a><br>
<a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>显示登陆时间</a><br>
<a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>日历生成器</a><br>
<a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>退出显示访问时间</a><br>
<a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>一款特酷的时钟</a><br>
<a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>全中文日期显示</a></div>
<div id='KB2Parent' class='parent'><a href="#" onClick="expandIt('KB2'); return false">
<IMG SRC="111.gif" BORDER=0>页面导航类</a></div><div id='KB2Child' class='child'>
<a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>显示站点信息导航</a><br>
<a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>任意显示导航信息</a><br>
<a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>动态导航脚本</a><br>
<a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>下拉式导航菜单</a><br>
<a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>静止导航菜单</a><br>
<a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>静止图片脚本</a><br>
<a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>文本静止不动</a><br>
<a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>信息框显示链接</a><br>
<a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>友情链接导航框</a><br>
<a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>目录式导航菜单</a><br>
<a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>重要信息说明脚本</a>
</div>
<div id='KB3Parent' class='parent'><a href="#" onClick="expandIt('KB3'); return false">
<IMG SRC="111.gif" BORDER=0>页面背景类</a></div><div id='KB3Child' class='child'>
<a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>背景向下移动</a><br>
<a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>背景不停变换色彩</a><br>
<a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>使页面产生百叶窗</a><br>
<a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>颜色代码英文集</a><br>
<a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>自已选择背景颜色</a><br>
<a href="#" target="_target"> <IMG SRC="tp9.gif" BORDER=0>背景颜色安全测试</a><br>
<a href="#" target='_target'> <IMG SRC="tp9.gif" BORDER=0>颜色选择器</a><br>
</div>

  <SCRIPT>numTotal=4;scores[1]='KB1';scores[2]='KB1';scores[3]='KB2';scores[4]='KB3';        //numtotal是共多少个下拉菜单 
  </SCRIPT>  


</body>
</html>

转载于:https://www.cnblogs.com/luozhanbin/archive/2008/10/26/1319842.html

weixin_33860147
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
多级导航菜单 递归
weixin_30586257的博客
04-19 241
using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; namespace WebApplication3 { ...
SharePoint开发笔记-SharePoint2010多级导航配置
lance_lot1的专栏
09-11 975
一般来说SharePoint自带导航仅支持2级导航,但是其实他是支持多级导航的,怎么来实现呢？就只能自定义了.... 下面我来说一个三级导航实现的例子吧，如上图所示。其实很简单，只要打开所属网站的母版页...  将导航菜单中设置下面两个属性    StaticDisplayLevels="1"    MaximumDynamicDisplayLevels="3" 好了大功告成...这样
SharePoint 2010 + 左侧导航（Left Nav Bar）二级菜单的修改
weixin_30613433的博客
10-22 288
SharePoint 2010 + 修改左侧导航类似顶部导航菜单的样式 查找aspmenu的控件，ID为“V4QuickLaunchMenu”，修改分别将属性“StaticDisplayLevels”与“MaximumDynamicDisplayLevels”的值修改成“1”。 Thanks, Ivan 转载于:https://www.cnblogs.com/ilazysoft/p/33...
将SharePoint 2010 左侧快速启动栏改成树形结构(SPTreeView)
weixin_30776863的博客
02-24 131
SPTreeView更改SharePoint 2010站点左侧快速启动栏导航结构。效果如下：(左侧为默认结构效果，右侧为修改后的结构效果) 步骤： 1.使用SharePoint Designer 打开需要修改的站点。找到母版页v4.master，右击选择复制，然后在粘贴，将其名字改成：v4_sample.master 当然你可以改成任何你喜欢的名字。 2.右击我们准备好的v4_sa...
SharePoint 2010 创建能够继承站点左面导航(LeftNavigation)的WebPart页面
weixin_30553065的博客
09-11 113
SharePoint 2010 创建能够继承站点左面导航(LeftNavigation)的WebPart页面: 步骤： 1. 创建一个Web Part页面，这时的页面默认只继承了顶部导航(Top Navigation)； 2. 打开SharePoint Designer，打开并编辑上一步创建好的页面；最好把原始页面备份一下； 3. 选择“高级模式”，切换到“代码”模式； 4. 搜索...
多级菜单导航工具条
03-19
"多级菜单导航工具条"就是一个解决此类问题的方案。它允许用户通过一个简洁且直观的菜单来探索多层次的信息，提高了应用程序的易用性。下面我们将深入探讨这个主题。 首先，多级菜单通常用于网站或软件的导航部分，...
jQuery多级菜单导航及个性滚动条.zip
01-08
本项目名为"jQuery多级菜单导航及个性滚动条"，它聚焦于利用jQuery技术实现功能丰富的导航栏，并且结合了个性化的滚动条效果，使得整体用户体验更为出色。下面将详细解析其中涉及的技术点和实现方式。 首先，我们要...
jquery插件库-jquery多级菜单导航.zip
03-15
这个"jquery插件库-jquery多级菜单导航.zip"压缩包显然包含了与jQuery相关的资源，特别是针对多级菜单导航的实现。在本文中，我们将深入探讨jQuery插件库中的多级菜单导航技术，以及如何利用这些工具来增强网站的...
js实现适用于素材网站的黑色多级菜单导航条效果
11-24
本文将探讨如何使用JavaScript和CSS实现一个适用于素材网站的黑色多级菜单导航条。这个导航条无需依赖jQuery库，因此可以减少页面加载时间，提高性能。 首先，我们来看一下导航条的基本结构。在HTML中，通常使用`...
SharePoint隐藏快速启动栏_左侧导航_所有网站内容_回收站
weixin_30588675的博客
04-21 213
隐藏快速启动栏 1. 使用内容编辑Web部件 编辑需要隐藏快速启动栏的页面，插入一个内容编辑控件(放任何地方都行)，编辑HTML源，插入下面的代码： 保存页面，快速启动栏就隐藏了。接着你可以隐藏自己添加的内容编辑web部件。此方法可以隐藏指定页面的快速启动栏。 2. 修改母版页 使用SPD 2010打开需要隐藏快速启动栏的...
SharePoint 配置站点导航栏顶级菜单栏的下拉菜单
weixin_30289831的博客
04-11 203
Sharepoint 设置顶级菜单的下拉菜单，在网上有找一些类似的功能，很多都是自己开发控件然后部署，其实这个完全可以sharepoint 设置获得。 效果： 1. 启用设置功能。 进入网站设置—》网站集管理—》网站集功能—》启用sharepoint server 发布基础架构功能 2. 回到站点。 ...
将左侧的导航栏设置为树形显示
anrerbo的专栏
09-03 1879
WSS SDK里面早就有相关的说明，但是说的实在是很含糊。今天试了试，竟然会报错，说是绑定的时候出错。于是找资料，查网络……最终搞定：功能也没有预想中强大，只是将网站结构显示出来，并没有显示原来导航的栏目，最终无奈还是改回去。修改方法如下：将ID为QuickLaunchMenu的SharePoint:AspMenu内容全部删除，加入如下内容：     onscroll=
SharePoint 2013 托管导航及相关配置 <二>
weixin_34067049的博客
01-15 112
　　本文的思路是使用JQuery重写SharePoint自带托管导航的样式，其实思路和脚本都非常简单，引用一下JQuery脚本，然后重写导航的样式，把脚本放到母版页中，即可。当然，使用JQuery可以做很炫的导航，还是要看你的JQuery功底了，笔者前台比较弱，JQuery也不经常使用，只是简单例子介绍使用方法，还请勿见笑。 　　之前看到一篇类似的博客，是使用Asp.net读取当前导航，然后解析...
SharePoint 2013 设置搜索导航(Search Navigation)
farawayplace613的专栏
12-24 3952
SharePoint 2013 设置搜索导航(Search Navigation)， 假设需求： 在SearchPoint 2013 的搜索导航(Search Navigation)上添加一个Orders 链接， 搜索时点击改链接跳转至./orderresult.aspx, 该页面只显示contentype 为order 的list items(从当前搜索页面中过滤出示contentype 为o
SharePoint 2013 在Azure创建 有导航菜单，有树的分级页面 中间区域显示Excel service
段传涛 的专栏
11-13 1745
SharePoint 2013  在Azure配置 有导航菜单，有树的分级的Excel service
SharePoint 2013 站点和列表(文档库) 的Meta data Navigation(导航)
farawayplace613的专栏
09-29 2483
本文讲述 SharePoint 2013 站点和列表(文档库) 的Meta data Navigation(导航)。
html导航菜单多级
最新发布
07-03
HTML 导航菜单多级是指在网页设计中创建一个多层级的、结构化的导航系统，通常用于网站的主要布局或顶部菜单，让用户能够轻松地浏览不同页面和子目录。下面是创建HTML多级导航菜单的一种常见方法： 1. **无序列表（ul）与有序列表（ol）**：最基础的导航菜单通常是无序列表，`<ul>`标签用来定义列表，而`<li>`标签代表列表项。 ```html <ul> <li>主页</li> <li> 分类1 <ul> <li>分类1-1</li> <li>分类1-2</li> </ul> </li> <li>关于我们</li> <!-- ... --> </ul> ``` 2. **嵌套链接（Nested Links）**：为了添加子菜单，可以在子`<li>`元素内放置另一个`<a>`标签指向内部页面。 3. **CSS样式美化**：使用CSS可以调整菜单的外观，比如字体、颜色、下拉箭头等，并设置hover效果来指示当前选中的级别。 4. **JavaScript 或 jQuery**：如果需要更高级的功能，如响应式菜单、点击展开/折叠、动画效果等，可以借助JavaScript或jQuery库来实现动态交互。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值