Chinaz站长站导航菜单【荐】

2024-09-05 12:19:49

字体：大中小

来源：转载

供稿：网友

这不是仿制品，是真正的Chinaz站长站的CSS+JSS导航菜单，相信没有多少人不知道站长站吧？站长们最初成长的地方。就像这款菜单也是经典之作，N多站就在模仿，现在不用模仿了，拷贝过去直接用吧，相信不会让你失望的。这还支持二级菜单，栏目导航清楚，鼠标滑过变色，操作体验极好，推荐给大家。

<!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>Chinaz菜单</title><style type="text/css"></style><script type="text/javascript">function $(id) {    return document.getElementById(id);}function showMenu (baseID, divID) {    baseID = $(baseID);    divID  = $(divID);    if (showMenu.timer) clearTimeout(showMenu.timer);	hideCur();    divID.style.display = 'block';	showMenu.cur = divID;    if (! divID.isCreate) {        divID.isCreate = true;        //divID.timer = 0;        divID.onmouseover = function () {            if (showMenu.timer) clearTimeout(showMenu.timer);			hideCur();            divID.style.display = 'block';        };        function hide () {            showMenu.timer = setTimeout(function () {divID.style.display = 'none';}, 1000);        }        divID.onmouseout = hide;        baseID.onmouseout = hide;    }	function hideCur () {		showMenu.cur && (showMenu.cur.style.display = 'none');	}}</script></head><body><div class="nav"><div class="navinner">  <ul class="navlist">  <li>首页</li>  <li>网页特效    <div class="subnav disable" id="subnav1">      <p class="pointer">.</p>      <p><span>      菜单导航 |      层和布局 |      链接特效      </span></p>    </div>    </li>  <li>ASP源码    <div class="subnav disable" id="subnav2">    	<p class="pointer">.</p>      <p><span>      基础教程 |      实例教程 |      高级教程      </span></p>    </div>  </li>  <li>PHP源码    <div class="subnav disable" id="subnav3">      <p class="pointer">.</p>      <p><span>      建站经验 |      策划盈利 |      免费资源      </span></p>    </div>  	  </li>  <li>.NET源码    <div class="subnav disable" id="subnav4">      <p class="pointer">.</p>      <p><span>      酷站推荐 |      Ajax |      设计活动      </span></p>    </div>    </li>  <li>C#源码    <div class="subnav disable" id="subnav5">      <p class="pointer">.</p>      <p><span>      Asp编程 |      Php编程 |      Mysql      </span></p>    </div>    </li>  <li>Delphi源码    <div class="subnav disable" id="subnav6">      <p class="pointer">.</p>      <p><span>      窗体界面 |      数据库应用      </span></p>    </div>  </li>  <li>Ajax实例    <div class="subnav disable" id="subnav7">      <p class="pointer">.</p>      <p><span>      jQuery |      Extjs      </span></p>    </div>    </li>  </ul></div>  </div></div></body></html>

上一篇：带缺口导航的CSS菜单栏

下一篇：新手学CSS写的滑动变色菜单