CSS鼠标感应的滑动门菜单

2024-09-05 12:19:40

字体：大中小

来源：转载

供稿：网友

流行鼠标滑动菜单，实际上这是一个大家常说的滑动门特效，鼠标经过后相应版块随之变化。

<html><head><title>鼠标滑动菜单</title><meta http-equiv="content-Type" content="text/html;charset=gb2312"><style type="text/css"></style></head><body><script language=javascript>function secBoard(n){for(i=0;i<menu.childNodes.length;i++)menu.childNodes[i].className="sec1";menu.childNodes[n].className="sec2";for(i=0;i<main.childNodes.length;i++)main.childNodes[i].style.display="none";main.childNodes[n].style.display="block";}</script><div id="header">  <ul id="menu">    <li onMouseOver="secBoard(0)" class="sec2">Indexs</li>    <li onMouseOver="secBoard(1)" class="sec1">ASP</li>    <li onMouseOver="secBoard(2)" class="sec1">PHP</li>    <li onMouseOver="secBoard(3)" class="sec1">EXTJS</li>    <li onMouseOver="secBoard(4)" class="sec1">JSP</li>  </ul>  <ul id="main">    <li class="block">网站索引</li>    <li class="unblock">ASP的内容</li>    <li class="unblock">PHP的内容</li>    <li class="unblock">EXTJS的内容</li>    <li class="unblock">JSP的内容</li>  </ul></div></body></html>

上一篇：JS+Css伸缩菜单，红色

下一篇：仿淘宝支付宝网站的漂亮导航菜单

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注