网管联盟 | 网管论坛 | 网管u家 | 网管博客 | 网管软件 | 网管求职 | 小游戏 | 网管搜索 | 网管原创 | 网管聚合 | 网管读摘 | 网管焦点 | 世界素材 | 会员投稿 | 会员中心

Windows Linux Cisco 网络技术数据库黑客攻防 DotNet Java PHP 认证新闻资讯服务器存储资讯网络设备网管学堂技术专题焦点网吧频道

当前位置： > bitsCN.com > 网管学堂 > 网页设计 > Javascript > 采用CSS和JS的下拉菜单的制作

采用CSS和JS的下拉菜单的制作

2007-07-30 作者:bitsCN整理来源:中国网管联盟点评 投稿 收藏

<script language="javascript">
// JavaScript Document
startList = function() {
if (document.all&&document.getElementById) {
navRoot = document.getElementById("nav");
for (i=0; i<navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
 }
 node.onmouseout=function() {
 this.className=this.className.replace(" over", "");
 }
 }
 }
 }
}
window.onload=startList;
</script>
<style type="text/css">

</style>
<ul id="nav"> 
 <li><a href="#">Home</a></li> 
 <li><a href="#">About</a> 
 <ul> 
 <li><a href="#">History</a></li> 
 <li><a href="#">Team</a></li> 
 <li><a href="#">Offices</a></li> 
 </ul> 
 </li> 
 <li><a href="#">Services</a> 
 <ul> 
 <li><a href="#">Web Design</a></li> 
 <li><a href="#">Internet Marketing</a></li> 
 <li><a href="#">Hosting</a></li> 
 <li><a href="#">Domain Names</a></li> 
 <li><a href="#">Broadband</a></li> 
 </ul> 
 </li> 
 <li><a href="#">Contact Us</a> 
 <ul> 
 <li><a href="#">United Kingdom</a></li> 
 <li><a href="#">France</a></li> 
 <li><a href="#">USA</a></li> 
 <li><a href="#">Australia</a></li> 
 </ul> 
 </li> 
</ul>

网管网www.bitscn.com

0

TAGs：菜单制作采用 < > href /li> li> /a> ul

上一篇：图片在显示一定的时间后消失下一篇：JavaScript 去除TextBOx中的特殊字符

相关文章列表

采用CSS和JS的下拉菜单的制作评论：

评论加载中…

评论:请自觉遵守互联网相关政策法规，评论不得超过250字。

验证码：注册用户

本类热门排行：

1.dreamweaver制作圆角表格
2.JavaScript实现表格特效
3.JavaScript加密解密的实现方法
4.如何用博客来创业赚钱？
5.JavaScript实现变色表格特效
6.JS特效围绕图片疯狂旋转的花朵
7.JS页内查找关键词的高亮显示
8.防止屏蔽，背投广告代码的完善
9.JS特效跟随鼠标的图片
10.js特效点击会变色哦！！

最新推荐文章：

1.采用CSS和JS的下拉菜单的制作
2.网页JS浮动提示效果
3.右下角弹出类似QQ或MSN消息提示
4.网页中任意漂浮的广告代码
5.javascript技巧参考
6.如何制作鼠标感应动画菜单
7.用JavaScript实现一些随机事件
8.用JavaScript查看一些用户信息
9.JavaScript:完全容错和浏览器自动最大化
10.几段实用小JAVA程序

网管论坛交流：

·不疯魔不成活
·令你大开眼界的真正标准化机房，已整理重
·华为HCSE OSPF路由协议培训教材 V3.0
·为赈灾，女孩舍身拍“裸照”
·Windows Server 2003服务器群集创建和配
·exchange2k3全套官方资料
·双儿一周岁了。。。特殊的礼物来啦。。
·存储备份技术版块守则
·无盘技术交流区守则
·DOS命令基础大全之命令详解<作者吐血

关于我们 - 联系我们 - 网站历史 - 网友留言 - 广告服务 - 法律声明 - 网站地图 - RSS订阅 - 返回顶部

Copyright ©1999-2008 中国网管联盟/网管网版权所有. 网管必上的网站商务联系、网站内容、合作建议：021-28891472