javascript

位置：IT落伍者 >> javascript >> 浏览文章

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

发布日期：2020年02月20日

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

<script language="javascript">// JavaScript DocumentstartList = 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 #">Home</a></li>  <li><a #">About</a>  <ul>  <li><a #">History</a></li>  <li><a #">Team</a></li>  <li><a #">Offices</a></li>  </ul>  </li>  <li><a #">Services</a>  <ul>  <li><a #">Web Design</a></li>  <li><a #">Internet Marketing</a></li>  <li><a #">Hosting</a></li>  <li><a #">Domain Names</a></li>  <li><a #">Broadband</a></li>  </ul>  </li>  <li><a #">Contact Us</a>  <ul>  <li><a #">United Kingdom</a></li>  <li><a #">France</a></li>  <li><a #">USA</a></li>  <li><a #">Australia</a></li>  </ul>  </li> </ul>

上一篇：JS控制CSS的实现方法

下一篇：用js实现“只弹出一次网页窗口”的源代码