开发者社区> 小雨雨hi> 正文

二级下拉菜单实现代码

2013-11-26 757

简介： // // // // // //function menuFix() { //var sfEls = document.getElementByIdx_x("menu").getElementsByTagName_r("li"); //for (var i=0; i //sfEls[i].
+关注继续查看

//
//
//
//
//
//function menuFix() {
//var sfEls = document.getElementByIdx_x("menu").getElementsByTagName_r("li");
//for (var i=0; i
//sfEls[i].onmouseover=function() {
//this.className+=(this.className.length>0? " ": "") + "sfhover";
//}
//sfEls[i].onMouseDown=function() {
//this.className+=(this.className.length>0? " ": "") + "sfhover";
//}
//sfEls[i].onMouseUp=function() {
//this.className+=(this.className.length>0? " ": "") + "sfhover";
//}
//sfEls[i].onmouseout=function() {
//this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"), 
//"");
//}
//}
//}
//window.onload=menuFix;
//
//
//body { font-family: Verdana; font-size: 12px; line-height: 1.5; }
//a { color: #000; text-decoration: none; }
//a:hover { color: #F00; }
//#menu { width:700px; height:38px; margin:0 auto; background:url(http://www.cqkkbl.com/Templates/show/images/menu_bg.jpg) ;}
//#menu ul { list-style: none; margin: 0px; padding: 0px; }
//#menu ul li { float:left; margin-left:2px;}
//#menu ul li a { display:block; width:91px; height:38px; line-height:38px; text-align:center;  font-size:14px; color:#FFFFFF; text-decoration:none; font-weight:bold;}
//#menu ul li a:hover { background:url(http://www.cqkkbl.com/Templates/show/images/Menu_link.jpg);display:block; width:91px; height:38px; line-height:38px; text-align:center;  font-size:14px; color:#FF9966; text-decoration:none; font-weight:bold;}
//#menu ul li ul { border:1px solid #ccc; display:none; position:absolute;}
//#menu ul li ul li { float:none; width:88spx; background:#99CC99; margin:0;}
//#menu ul li ul li a { background:none;}
//#menu ul li ul li a:hover { background:#333; color:#fff;}
//#menu ul li:hover ul { display:block;}
//#menu ul li.sfhover ul { display:block;}
//
//
//
//
//

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

代码实现多个 .net代码实现 代码实现教程 问题代码实现 实现原理源代码
开发者社区 > 云计算 > 文章
作者高分内容
更多
【比特币】BIP-0021 详细说明 2099 【比特币】BIP 0015 详细说明 1757 【智能合约】以太坊中智能合约调用中用的gas相关概念详解 2767 【智能合约】客户端和web端对智能合约的事件Event进行调用的代码示例 2084 【区块链】Truffle 部署 编译 测试 智能合约 的 完整实践操作 2341
相关文章
游客phojfecwcv6ze
ElementUI导航菜单嵌套多级折叠面板的小箭头图标bug
ElementUI导航菜单嵌套多级折叠面板的小箭头图标bug
63 0
python技术君
SAP UI5 表格行项目内的按钮点击之后，如何获得当前所在的表格行项目的数据
SAP UI5 表格行项目内的按钮点击之后，如何获得当前所在的表格行项目的数据
82 0
paperclouds
iOS 二级页面返回一级页面导航栏错位bug解决方法
iOS 二级页面返回一级页面导航栏错位bug解决方法
203 0
明金同学
使用jQuery 中的显示与隐藏动画效果实现折叠下拉菜单的收缩和展开，在页面的列表中有若干项，列表的每项中有一个二级列表，二级列表默认为隐藏状态。点击列表的项，切换二级列表的显示或隐藏状态
使用jQuery 中的显示与隐藏动画效果实现折叠下拉菜单的收缩和展开，在页面的列表中有若干项，列表的每项中有一个二级列表，二级列表默认为隐藏状态。点击列表的项，切换二级列表的显示或隐藏状态
193 0
明金同学
制作四个选项卡页 Tab，用户可以通过切换不同的 Tab 页查看不同类别的新闻信息，每个 Tab 有对应的内容版块，点击某个选项卡时，显示对应的内容版块，隐藏其他内容版块，并且为了突出当前的选项卡，还
制作四个选项卡页 Tab，用户可以通过切换不同的 Tab 页查看不同类别的新闻信息，每个 Tab 有对应的内容版块，点击某个选项卡时，显示对应的内容版块，隐藏其他内容版块，并且为了突出当前的选项卡，还
80 0
晚来南风晚相识
行内表单 在统一行显示搜索框 下拉框 按钮
行内表单 在统一行显示搜索框 下拉框 按钮
133 0
拜小白
如何在项目中优雅的展示对话框？
分享一种使用对话框的实践方式：利用全局状态来管理对话框。解决上文提到的在使用对话框遇到的问题。其核心思路在于从 UI 模式的角度出发，把对话框也可当做一个单独的页面，对话框的展示可用全局状态来管理，因此，用全局的方式去管理对话框就是一种非常合理的方式。从而让组件的语义更加清楚，代码更容易理解和维护。
51 0
游客k7ja6kkd3nere
全网独一份的对话框弹出样式
全网独一份的对话框弹出样式
33 0
likaiqiang
HTMl+CSS制作二级菜单或二级导航栏
 二级菜单的实现思路为： 1.在默认状态下，使用display:none;将二级菜单隐藏。  2.当一级菜单中的列表标签li获取焦点(hover)后，使用display:blick;将二级菜单显示出来。  3.使用position: relative;和position: absolute;分别得一级菜单和二级菜单设置相对定位和绝对定位。
637 0
嗯哼9925
二级下拉菜单
看似简单的一个菜单，确需要不少的知识点。 1. getByClass  getElementsByClassName 已经有大部分现代浏览器支持了，只有ie6,ie7,ie8是不支持的。所以对ie6,7,8做特别的处理就行，而ie里边有个内置的属性一直被我们所忽略，document.all，这个比一般的document.getElementsByTagName('*')或许要快一点。
887 0
+关注
小雨雨hi
CSDN学院讲师、博客专家，专注服务端开发，服务端架构演变，区块链技术研究，项目管理，热衷学习前沿技术，以及日常的技术分享，曾经历过创业技术合伙人角色。
文章
问答
作者高分内容
更多
【比特币】BIP-0021 详细说明 2099 【比特币】BIP 0015 详细说明 1757 【智能合约】以太坊中智能合约调用中用的gas相关概念详解 2767 【智能合约】客户端和web端对智能合约的事件Event进行调用的代码示例 2084 【区块链】Truffle 部署 编译 测试 智能合约 的 完整实践操作 2341
文章排行榜
最热
最新
1 fastjson2为什么这么快 74541
2 Meetup 报名丨 共话云原生架构升级，微服务x容器开源 Meetup 北京站来啦！ 64504
3 CVPR2021 | 视觉推理解释框架VRX：用结构化视觉概念作为解释网络推理逻辑的「语言」 63486
4 结构化总结与结构化思考之《金字塔原理》总结 56289
5 实现人机协同高稳定性，阿里云5G专网IoT方案入选工信部优秀解决方案 54099
6 C语言题解 | 移除元素(多种解法) 49963
7 jasypt-spring-boot敏感信息加密解密利器使用指南 47644
8 快速开发光伏电站数字孪生运维系统（一） 44656
9 DataWorks管控台无法配置PAI引擎临时解决方案 42514
10 Hive数据倾斜的原因以及常用解决方案 33179
11 高并发编程之阻塞队列 32723
12 Spring 事务【隔离级别与传播机制】 30484
13 性能优化之使用vue-worker插件（基于Web Worker）开启多线程运算提高效率 29490
14 计网之初识网络(理解网络传输的基本流程) 28008
15 Android体系课之--LeakCanary内存泄露检测原理解析 25929
16 零基础快速开发Vue图书管理系统—登录注册篇（一） 22676
17 IoT设备数据的存储、解析和价值挖掘实践 22645
18 IoT Studio 物联网可视化应用搭建开发实践 21295
19 开源大数据可观测性方案实践 - 助力集群运维智能化、便捷化 16351
20 快速开发光伏电站数字孪生运维系统（二） 14900
1 Flink CDC 专题首发｜每天 10 分钟，解锁新一代数据集成框架 148
2 ChatGPT4 给出数据库开发者最容易犯的 10 个错误和解决方案 59
3 性能最大提升60%，阿里云第八代企业级实例ECS g8i正式上线 148
4 [版本更新]PolarDB-X v2.2.1 生产级关键能力开源升级 54
5 身份证实名认证接口验证不一致的原因 113
6 JVM学习.03 类加载机制 102
7 org.springframework.http.converter.HttpMessageNotReadableException: JSON parse error: Cannot deserialize instance of `object` out of START_ARRAY token 178
8 Content type 'application/x-www-form-urlencoded;charset=UTF-8' not supported 215
9 云原生学习（二） 59
10 官宣｜Apache Flink 1.17 发布公告 376
11 Java智慧校园电子班牌系统源码 基于Java+springboot+vue+element-ui+mysql开发 63
12 基于阿里云eRDMA的GPU实例大幅提升多机训练性能 272
13 基于阿里云弹性GPU服务的神龙AI加速引擎无缝提升AI训练性能 215
14 重构计算，驱动视界：阿里云视觉计算思考与实践 199
15 如何构建可持续的ChatGPT高性能服务器端架构? 61
16 当一座钢铁森林 变成IoT智能化数据 58
17 阿里巴巴发布《城市数字孪生能力平台总体技术要求》企业标准， 促进数字孪生互联互通生态建设 361
18 docker的安装与镜像 63
19 初识Kafka 72
20 基础篇丨链路追踪（Tracing）其实很简单 170
推荐文章
参与OCR文档自学习产品评测，赢Airpods 2 参与云效代码管理Codeup评测，赢Redmi Watch 3 参与IoT小程序框架评测，赢CHERRY机械键盘 乘风者计划邀您入驻社区，精彩权益即刻享
相关电子书
更多
低代码开发师（初级）实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期：MySQL数据库进阶实战
立即下载