采用CSS和JS的下拉菜单的制作-网页设计频道-中国IT实验室-技术·资讯·教育·服务·社区

首页 | 互联网 | IT动态 | 网络设备 | 服务器 | IDC | 安全 | Cisco | Windows | Linux | Java | .Net | Oracle | CIW | 华为 | 专题
IT技术 | 网页设计 | 平面设计 | 电子书下载 | 教学视频 | 方案 | 数字网校 | 直播室 | 虚拟考场 | 面授培训 | 搜索 | 博客 | 沙龙 | 论坛




网页设计
Dreamweaver \| Flash

Fireworks　 \| Frontpage

HTML/CSS　　\| Javascript


平面设计
Photoshop　 \| CorelDraw

AuotoCAD 　 \| Illustrator

Freehand


多媒体
3DMax　　　 \| Authorware

Director 　 \| Maya


工具软件
PP点点通 \| 迅雷 \| BT

eMule \| FlashGet \| Nero

Ghost \| Outlook \| IE

Maxthon \| Office


即时通讯
QQ \| MSN \| 网易泡泡

Skype \| 雅虎通 \| 新浪UC

最新文章

您现在的位置：中国IT实验室 >> 网页设计 >> Javascript教程 >> 文章正文

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

网页设计秀Cnwebshow.com　

2007-7-30　

佚名　

保存本文　

推荐给好友　

◆ 网页平面多媒体培训、认证考试免费咨询热线:400-700-5807 进入网络咨询平台 ◆

<script language="javascript">
// <a class="channel_keylink" href="http://java.chinaitlab.com/" target="_blank">Java</a>Script 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>

【责编:runlz】

　　相关产品与培训

相关文章		推荐文章

DIV+CSS布局基础：HTML标记（三） DIV+CSS布局基础：HTML标记（二） DIV+CSS布局基础：HTML标记（一） Dreamweaver便捷技巧方法十六则玩转Dreamweaver-CSS属性 XHTML+CSS写出正规的BLOG CSS:清除浮动的最优方法举例熟悉网页的头部信息表示涵义网页WEB字体，CSS如何控制？用HTML和CSS写出漂亮正规的BLOG

文章评论

精彩友情推荐

华为网管交换机			IDC资讯大全
华为以太网交换机			机房品质万里行
华为交换机最新报价			IDC托管必备知识
华为千兆光纤交换机			全国IDC报价
华为千兆交换机			网站推广优化