<nobr id="ibduu"><sup id="ibduu"></sup></nobr>
<mark id="ibduu"><label id="ibduu"><li id="ibduu"></li></label></mark>
<span id="ibduu"></span>
<big id="ibduu"></big>
<li id="ibduu"><dd id="ibduu"><abbr id="ibduu"></abbr></dd></li>
<rt id="ibduu"><em id="ibduu"></em></rt>
首頁(yè)
網(wǎng)頁(yè)特效庫(kù)
網(wǎng)頁(yè)特效庫(kù)
導(dǎo)航菜單
按鈕表單
背景特效
時(shí)間日期
圖片特效
鼠標(biāo)特效
文本操作
窗口頁(yè)面
狀態(tài)欄類
警告對(duì)話
綜合應(yīng)用
游戲娛樂(lè)
首頁(yè)
>
特效
>
導(dǎo)航菜單
> 正文
鼠標(biāo)移過(guò)放大的JS動(dòng)態(tài)菜單
2009-11-24 導(dǎo)航菜單 ℃
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>www</title> <style type="text/css"> html { overflow: hidden; } body { background: #222; } #menu { padding: 10px; background: #000; height: 300px; width: 400px; } #menu a { display:block; text-decoration:none; font-family: arial, helvetica, verdana, sans-serif; white-space: nowrap; } </style> <script type="text/javascript"><!-- var P,T; var over = -1; /////////////// var fontSize = 38; var lensFX = 1; var num = true; var color = "#FFF"; var selected = "#F80"; /////////////// function zoom(s){ if(s!=over){ over = s; for(var i=0;i<T;i++){ P[i].style.fontSize=Math.floor(fontSize / (Math.abs(i - s) + lensFX) + 3)+"px"; P[i].style.color=(i==s)?selected:color; } } } onload = function(){ P = document.getElementById("menu").getElementsByTagName("a"); T = P.length; for (var i=0;i<T;i++){ if(num){ x=i+"."; if(x.length<3)x="0"+x; P[i].innerHTML = x+P[i].innerHTML; } P[i].style.width = "100%"; P[i].onmouseover=new Function("zoom("+i+");"); } zoom(0); } //--> </script> </head> <body> <div class="9m9fwim" id="menu"> <a href="http://del.icio.us/tag/scripting">scripting</a> <a href="http://del.icio.us/tag/javascript">javascript</a> <a href="http://del.icio.us/tag/web">web</a> <a href="http://del.icio.us/tag/dhtml">dhtml</a> <a >css</a> <a >ajax</a> <a >programming</a> <a >design</a> <a >webdesign</a> <a >html</a> <a >dom</a> <a >webdev</a> <a >reference</a> <a >tools</a> <a >tutorial</a> <a >xmlhttprequest</a> <a >menu</a> <a >xml</a> <a >library</a> <a >development</a> </div> <p>查找更多代碼，請(qǐng)?jiān)L問(wèn)：<a href="#" target="_blank">網(wǎng)頁(yè)特效資料庫(kù)well-network.com</a></p> </body> </html>
相關(guān)特效代碼
無(wú)相關(guān)信息
熱門(mén)特效代碼
三級(jí)豎向展開(kāi)/收縮導(dǎo)航菜單
鼠標(biāo)指向彈出菜單
jQuery 彈出菜單層
CSS二級(jí)下拉導(dǎo)航菜單
CSS做的垂直導(dǎo)航菜單效果
橫向二級(jí)導(dǎo)航菜單
仿google首頁(yè)下端圖片文字動(dòng)畫(huà)導(dǎo)
導(dǎo)航鏈接菜單間隔閃爍
動(dòng)態(tài)翻滾的導(dǎo)航條[酷比f(wàn)lash]
純CSS的三級(jí)聯(lián)動(dòng)級(jí)聯(lián)菜單
推薦特效代碼
CSS+div+js組合強(qiáng)大實(shí)現(xiàn)超酷菜單
動(dòng)態(tài)翻滾的導(dǎo)航條[酷比f(wàn)lash]
CSS橫向下拉菜單
微軟風(fēng)格的CSS橫向菜單
立體的CSS按鈕菜單效果
左側(cè)隱藏的菜單
網(wǎng)站首頁(yè)
|
關(guān)于我們
|
游客留言
|
網(wǎng)站地圖
|
免責(zé)聲明
|
返回頂部
陜ICP備05013981號(hào)-6
