當(dāng)前位置：首頁(yè) > JS代碼 > JS特效代碼 > 導(dǎo)航菜單

鼠標(biāo)移過放大的JS動(dòng)態(tài)菜單

2009-06-05　來源/作者：懶人圖庫(kù)　分類：導(dǎo)航菜單　 «»

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>www.cxj168.com</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>

///////////////
var fontSize = 38;
var lensFX = 1;
var num = true;
var color = "#FFF";
var selected = "#F80";
///////////////

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="gai0mqk"   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 href="http://del.icio.us/tag/css">css</a>
		<a href="http://del.icio.us/tag/ajax">ajax</a>
		<a href="http://del.icio.us/tag/programming">programming</a>
		<a href="http://del.icio.us/tag/design">design</a>
		<a href="http://del.icio.us/tag/webdesign">webdesign</a>
		<a href="http://del.icio.us/tag/html">html</a>
		<a href="http://del.icio.us/tag/dom">dom</a>
		<a href="http://del.icio.us/tag/webdev">webdev</a>
		<a href="http://del.icio.us/tag/reference">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問：<a href="http://www.cxj168.com" target="_blank">懶人圖庫(kù)</a></p>
</body>
</html>

運(yùn)行代碼保存代碼提示：您可以先修改部分代碼再運(yùn)行，保存代碼功能在Firefox下無效。

標(biāo)簽：導(dǎo)航菜單