滑动层做的动态菜单_表单按钮特效

滑动的层做的动态菜单，推荐！,您可以先修改部分代码再运行.

<div type="text/css" _ue_div_style="1" _ue_style_data="%0Aa%7Bcolor%3A%20%23333333%3B%20text-decoration%3A%20none%7D%0Aa%3Ahover%7Bcolor%3A%20%23990000%3B%20text-decoration%3A%20underline%7D%0A.alpha%20%7B%0A%09FILTER%3A%20Alpha(Opacity%3D80)%0A%7D%0A.td1%20%7B%0A%09FONT-SIZE%3A%2012px%3B%20FONT-FAMILY%3A%20%22tahoma%22%0A%7D%0A.td2%20%7B%0A%09FONT-SIZE%3A%2012px%3B%20CURSOR%3A%20hand%3B%20FONT-FAMILY%3A%20%22tahoma%22%3B%20BACKGROUND-COLOR%3A%20%23cfe7ff%0A%7D%0A.maskl%20%7B%0A%09OVERFLOW%3A%20hidden%0A%7D%0A.cardtitle%20%7B%0A%09BORDER-RIGHT%3A%20black%201px%20solid%3B%20BORDER-TOP%3A%20black%201px%20solid%3B%20FONT-SIZE%3A%2012px%3B%20BORDER-LEFT%3A%20black%200px%20solid%3B%20CURSOR%3A%20default%3B%20TEXT-INDENT%3A%204pt%3B%20BORDER-BOTTOM%3A%20black%200px%20solid%3B%20FONT-FAMILY%3A%20%22tahoma%22%0A%7D%0A.cardbottom%20%7B%0A%09BORDER-RIGHT%3A%20black%201px%20solid%3B%20BORDER-TOP%3A%20black%200px%20solid%3B%20FILTER%3A%20Alpha(Opacity%3D90)%3B%20BORDER-LEFT%3A%20black%201px%20solid%3B%20BORDER-BOTTOM%3A%20black%201px%20solid%3B%20BACKGROUND-COLOR%3A%20%2399ccff%0A%7D%0A" _ue_custom_node_="1"></div><div language="Jscript" _ue_div_script="1" _ue_script_data="%0A%2F%2F%E7%94%A8%E6%95%B0%E7%BB%84%E6%9D%A5%E5%AD%98%E5%82%A8%E5%A4%9A%E4%B8%AAtimeOut%E6%A0%87%E8%AF%86.%0AtBack%3Dnew%20Array(6)%3B%0AtOut%3Dnew%20Array(6)%3B%0A%2F%2F%E6%BF%80%E6%B4%BB%E5%BD%93%E5%89%8D%E9%80%89%E9%A1%B9%E5%8D%A1.%0Afunction%20menuOut(whichMenu)%7B%0Avar%20curMenu%3Deval(%22menu%22%2BwhichMenu)%3B%0A%09curMenu.runtimeStyle.zIndex%3D6%3B%0A%09clearTimeout(tBack%5BwhichMenu%5D)%3B%0A%09moveOut(whichMenu)%3B%0A%7D%0A%2F%2F%E6%81%A2%E5%A4%8D%E5%88%9D%E5%A7%8B%E7%8A%B6%E6%80%81.%0Afunction%20menuBack(whichMenu)%7B%0Avar%20curMenu%3Deval(%22menu%22%2BwhichMenu)%3B%0A%09curMenu.runtimeStyle.zIndex%3DcurMenu.style.zIndex%3B%0A%09clearTimeout(tOut%5BwhichMenu%5D)%3B%0A%09moveBack(whichMenu)%3B%0A%7D%0A%2F%2F%E7%A7%BB%E5%8A%A8%E5%BD%93%E5%89%8D%E9%80%89%E9%A1%B9%E5%8D%A1%0Afunction%20moveOut(curNum)%7B%0Avar%09curMenu%3Deval(%22menu%22%2BcurNum)%3B%0A%09if(curMenu.style.posLeft%3E0)%20%7B%0A%09%09curMenu.style.posLeft-%3D2%3B%0A%09%09tOut%5BcurNum%5D%3DsetTimeout(%22moveOut('%22%2BcurNum%2B%22')%22%2C1)%3B%0A%09%09%7D%0A%7D%0A%2F%2F%E7%A7%BB%E5%9B%9E%E9%80%89%E9%A1%B9%E5%8D%A1.%0Afunction%20moveBack(curNum)%7B%0Avar%09curMenu%3Deval(%22menu%22%2BcurNum)%3B%0A%09if(curMenu.style.posLeft%3C30)%20%7B%0A%09%09curMenu.style.posLeft%2B%3D2%3B%0A%09%09tBack%5BcurNum%5D%3DsetTimeout(%22moveBack('%22%2BcurNum%2B%22')%22%2C1)%3B%0A%09%09%7D%0A%0A%7D%0A%2F%2F%E9%BC%A0%E6%A0%87%E7%A7%BB%E8%BF%87%E6%97%B6%E6%94%B9%E5%8F%98%E8%A1%A8%E6%A0%BC%E5%8D%95%E5%85%83%E5%BC%8F%E6%A0%B7%E3%80%82%0Afunction%20swapClass()%7B%0Avar%20o%3Devent.srcElement%3B%0A%09if(o.className%3D%3D%22td1%22)%20o.className%3D%22td2%22%0A%09%09else%20if(o.className%3D%3D%22td2%22)%20o.className%3D%22td1%22%3B%0A%7D%0Adocument.onmouseover%3DswapClass%3B%0Adocument.onmouseout%3DswapClass%3B%0A" _ue_custom_node_="1"></div><head></head><body text="#000000" bgcolor="#ffffff" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"><div class="maskl" id="menuPos" style="z-index:1;left:12px;width:132px;position:absolute;top:14px;height:256px"><div id="menu1" onmouseover="menuOut(1)" style="z-index:1;left:30px;width:130px;position:absolute;top:0px;height:20px" onmouseout="menuBack(1)"><div class="cardbottom" id="Layer1" style="z-index:1;left:0px;width:100px;position:absolute;top:17px;height:115px"><table height="100%" cellspacing="0" cellpadding="0" width="100%" align="center" border="0"><tbody><tr><td class="td1" align="middle">option1</td></tr><tr><td class="td1" align="middle">option2</td></tr><tr><td class="td1" align="middle">option3</td></tr><tr><td class="td1" align="middle">option4</td></tr><tr><td></td></tr></tbody></table></div><table cellspacing="0" cellpadding="0" width="100" border="0"><tbody><tr><td width="14" height="18"><img height="18" src="http://p1.mb5u.com/texiao/16/20100523005005122.jpg" width="14" data_ue_src="http://p1.mb5u.com/texiao/16/20100523005005122.jpg" /></td><td class="cardtitle" width="86" bgcolor="#99ccff" height="14">menucard1</td></tr></tbody></table></div><div id="menu2" onmouseover="menuOut(2)" style="z-index:1;left:30px;width:130px;position:absolute;top:20px;height:20px" onmouseout="menuBack(2)"><div class="cardbottom" id="Layer2" style="z-index:1;left:0px;width:100px;position:absolute;top:17px;height:115px"><table height="100%" cellspacing="0" cellpadding="0" width="100%" align="center" border="0"><tbody><tr><td class="td1" align="middle"><a href="http://www.mb5u.com/" target="_blank" data_ue_src="http://www.mb5u.com/">mb5u特效</a></td></tr><tr><td class="td1" align="middle"><a href="/js.asp" target="_blank" data_ue_src="/js.asp">鼠标特效</a></td></tr><tr><td class="td1" align="middle"><a href="/js.asp" target="_blank" data_ue_src="/js.asp">动态菜单</a></td></tr><tr><td class="td1" align="middle"><a href="/js.asp" target="_blank" data_ue_src="/js.asp">文字特效</a></td></tr><tr><td></td></tr></tbody></table></div><table cellspacing="0" cellpadding="0" width="100" border="0"><tbody><tr><td width="14" height="18"><img height="18" src="http://p1.mb5u.com/texiao/16/20100523005005122.jpg" width="14" data_ue_src="http://p1.mb5u.com/texiao/16/20100523005005122.jpg" /></td><td class="cardtitle" width="86" bgcolor="#99ccff" height="14">网页特效</td></tr></tbody></table></div><div id="menu3" onmouseover="menuOut(3)" style="z-index:1;left:30px;width:130px;position:absolute;top:40px;height:20px" onmouseout="menuBack(3)"><div class="cardbottom" id="Layer3" style="z-index:1;left:0px;width:100px;position:absolute;top:17px;height:115px"><table height="100%" cellspacing="0" cellpadding="0" width="100%" align="center" border="0"><tbody><tr><td class="td1" align="middle">option1</td></tr><tr><td class="td1" align="middle">option2</td></tr><tr><td class="td1" align="middle">option3</td></tr><tr><td class="td1" align="middle">option4</td></tr><tr><td></td></tr></tbody></table></div><table cellspacing="0" cellpadding="0" width="100" border="0"><tbody><tr><td width="14" height="18"><img height="18" src="http://p1.mb5u.com/texiao/16/20100523005005122.jpg" width="14" data_ue_src="http://p1.mb5u.com/texiao/16/20100523005005122.jpg" /></td><td class="cardtitle" width="86" bgcolor="#99ccff" height="14">MENUCARD3</td></tr></tbody></table></div><div id="menu4" onmouseover="menuOut(4)" style="z-index:1;left:30px;width:130px;position:absolute;top:60px;height:20px" onmouseout="menuBack(4)"><div class="cardbottom" id="Layer4" style="z-index:1;left:0px;width:100px;position:absolute;top:17px;height:115px"><table height="100%" cellspacing="0" cellpadding="0" width="100%" align="center" border="0"><tbody><tr><td class="td1" align="middle">option1</td></tr><tr><td class="td1" align="middle">option2</td></tr><tr><td class="td1" align="middle">option3</td></tr><tr><td class="td1" align="middle">option4</td></tr><tr><td></td></tr></tbody></table></div><table cellspacing="0" cellpadding="0" width="100" border="0"><tbody><tr><td width="14" height="18"><img height="18" src="http://p1.mb5u.com/texiao/16/20100523005005122.jpg" width="14" data_ue_src="http://p1.mb5u.com/texiao/16/20100523005005122.jpg" /></td><td class="cardtitle" width="86" bgcolor="#99ccff" height="14">MENUCARD4</td></tr></tbody></table></div><div id="menu5" onmouseover="menuOut(5)" style="z-index:1;left:30px;width:130px;position:absolute;top:80px;height:134px" onmouseout="menuBack(5)"><div class="cardbottom" id="Layer5" style="z-index:1;left:0px;width:100px;position:absolute;top:17px;height:115px"><table height="100%" cellspacing="0" cellpadding="0" width="100%" align="center" border="0"><tbody><tr><td class="td1" align="middle">option1</td></tr><tr><td class="td1" align="middle">option2</td></tr><tr><td class="td1" align="middle">option3</td></tr><tr><td class="td1" align="middle">option4</td></tr><tr><td></td></tr></tbody></table></div><table cellspacing="0" cellpadding="0" width="100" border="0"><tbody><tr><td width="14" height="18"><img height="18" src="http://p1.mb5u.com/texiao/16/20100523005005122.jpg" width="14" data_ue_src="http://p1.mb5u.com/texiao/16/20100523005005122.jpg" /></td><td class="cardtitle" width="86" bgcolor="#99ccff" height="14">MENUCARD5</td></tr></tbody></table></div><div id="menu6" onmouseover="menuOut(6)" style="z-index:1;left:30px;width:130px;position:absolute;top:100px;height:134px" onmouseout="menuBack(6)"><div class="cardbottom" id="Layer6" style="z-index:1;left:0px;width:100px;position:absolute;top:17px;height:115px"><table height="100%" cellspacing="0" cellpadding="0" width="100%" align="center" border="0"><tbody><tr><td class="td1" align="middle">option1</td></tr><tr><td class="td1" align="middle">option2</td></tr><tr><td class="td1" align="middle">option3</td></tr><tr><td class="td1" align="middle">option4</td></tr><tr><td></td></tr></tbody></table></div><table cellspacing="0" cellpadding="0" width="100" border="0"><tbody><tr><td width="14" height="18"><img height="18" src="http://p1.mb5u.com/texiao/16/20100523005005122.jpg" width="14" data_ue_src="http://p1.mb5u.com/texiao/16/20100523005005122.jpg" /></td><td class="cardtitle" width="86" bgcolor="#99ccff" height="14">MENUCARD6</td></tr></tbody></table></div><div id="menu7" onmouseover="menuOut(7)" style="z-index:1;left:30px;width:130px;position:absolute;top:120px;height:134px" onmouseout="menuBack(7)"><div class="cardbottom" id="Layer7" style="z-index:1;left:0px;width:100px;position:absolute;top:17px;height:115px"><table height="100%" cellspacing="0" cellpadding="0" width="100%" align="center" border="0"><tbody><tr><td class="td1" align="middle">option1</td></tr><tr><td class="td1" align="middle">option2</td></tr><tr><td class="td1" align="middle">option3</td></tr><tr><td class="td1" align="middle">option4</td></tr><tr><td></td></tr></tbody></table></div><table cellspacing="0" cellpadding="0" width="100" border="0"><tbody><tr><td width="14" height="18"><img height="18" src="http://p1.mb5u.com/texiao/16/20100523005005122.jpg" width="14" data_ue_src="http://p1.mb5u.com/texiao/16/20100523005005122.jpg" /></td><td class="cardtitle" width="86" bgcolor="#99ccff" height="14">MENUCARD7</td></tr></tbody></table></div></div></body><html></html>

所属频道：表单按钮特效/更新时间：2012-10-26

[收藏][报错][返回列表]

滑动层做的动态菜单_表单按钮特效

表单按钮特效Rss订阅特效代码搜索

表单按钮特效推荐

猜你也喜欢看这些