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   class="6111666"   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 id="1661111"    class="block">網站索引</li>    <li id="6161666"    class="unblock">ASP的內容</li>    <li id="1116611"    class="unblock">PHP的內容</li>    <li id="6116166"    class="unblock">EXTJS的內容</li>    <li id="1611111"    class="unblock">JSP的內容</li>  </ul></div></body></html>

上一篇：JS+Css伸縮菜單，紅色

下一篇：仿淘寶支付寶網站的漂亮導航菜單

學習交流

如何查找有故障的配件

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

熱門圖片

猜你喜歡的新聞

猜你喜歡的關注