资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
下拉菜单
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>下拉菜单</title> <style type="text/css"> <!-- ul {margin: 0px;padding: 0px;list-style: none;width: 120px;border-bottom: 1px solid #777;} ul li {position: relative;} li ul {position: absolute;left: 119px;top: 0px;display: none; } ul li a {display: block;font-size: 12px;text-decoration: none;color: #333;background-color: #FFF;padding: 5px;border: 1px solid #777;border-bottom: 0px;} /* Fix IE. Hide from IE Mac \*/ * html ul li {float: left;height: 1%;} * html ul li a {height: 1%;} /* End */ li:hover ul, li.over ul {display: block;} --> </style> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22javascript%22%20type%3D%22text%2Fjavascript%22%3E%20%0D%0A%3C!--%20%0D%0AstartList%20%3D%20function()%20%7B%20%0D%0A%20%20if%20(document.all%26%26document.getElementById)%20%7B%20%0D%0A%20%20%20%20navRoot%20%3D%20document.getElementById(%22nav%22)%3B%20%0D%0A%20%20%20%20for%20(i%3D0%3B%20i%3CnavRoot.childNodes.length%3B%20i%2B%2B)%20%7B%20%0D%0A%20%20%20%20%20%20node%20%3D%20navRoot.childNodes%5Bi%5D%3B%20%0D%0A%20%20%20%20%20%20if%20(node.nodeName%3D%3D%22LI%22)%20%7B%20%0D%0A%20%20%20%20%20%20%20%20node.onmouseover%3Dfunction()%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20this.className%20%2B%3D%20%22%20over%22%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%20%20node.onmouseout%3Dfunction()%20%7B%20%0D%0A%20%20%20%20%20%20%20%20%20%20this.className%3Dthis.className.replace(%22%20over%22%2C%20%22%22)%3B%20%0D%0A%20%20%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%20%20%7D%20%0D%0A%20%20%20%20%7D%20%0D%0A%20%20%7D%20%0D%0A%7D%20%0D%0Awindow.onload%20%3D%20startList%3B%20%0D%0A--%3E%20%0D%0A%3C%2Fscript%3E"> </head> <body> <ul id="nav"> <li><a href="#" _ewebeditor_ta_href="%23">首页</a></li> <li><a href="#" _ewebeditor_ta_href="%23">关于我们</a> <ul> <li><a href="#" _ewebeditor_ta_href="%23">公司简介</a></li> <li><a href="#" _ewebeditor_ta_href="%23">组织机构</a></li> <li><a href="#" _ewebeditor_ta_href="%23">企业历程</a></li> </ul> </li> <li><a href="#" _ewebeditor_ta_href="%23">服务内容</a> <ul> <li><a href="#" _ewebeditor_ta_href="%23">网站建设</a></li> <li><a href="#" _ewebeditor_ta_href="%23">网站推广</a></li> <li><a href="#" _ewebeditor_ta_href="%23">域名空间</a></li> <li><a href="#" _ewebeditor_ta_href="%23">企业信箱</a></li> </ul> </li> <li><a href="#" _ewebeditor_ta_href="%23">联系我们</a> <ul> <li><a href="#" _ewebeditor_ta_href="%23">温州总部</a></li> <li><a href="#" _ewebeditor_ta_href="%23">瑞安分部</a></li> <li><a href="#" _ewebeditor_ta_href="%23">乐清分部</a></li> </ul> </li> </ul> </body> </html>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
教程首页
更多教程