Tip: you can modify some code before running
Js drop-down menu with buffer effect<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><style>BODY { FONT-SIZE: 12px; MARGIN: 0px;BACKGROUND-COLOR: #131d30}A:link { COLOR: #7ea9bf; TEXT-DECORATION: none}A:visited { COLOR: #7ea9bf; TEXT-DECORATION: none}A:hover { COLOR: #ffffff; TEXT-DECORATION: underline}A:active { COLOR: #ffffff; TEXT-DECORATION: none}.Defautl-Navigation { FONT-SIZE: 12px; FLOAT: left; COLOR: #7ea9bf; LINE-HEIGHT: 23px; HEIGHT: 23px; TEXT-ALIGN: center}</style><SCRIPT language=javascript>Var f = 0; var y = 0; var div_objfunction over (obj) {div_obj = obj _ f = 0; y = 0; document. getElementById (obj ). innerHTML = ""; document. getElementById (obj ). style. width = "0px"; document. getElementById (obj ). style. height = "1px"; document. getElementById (obj ). style. display = ""; timerDIV ();} function out (obj) {obj. style. display = "none";} function Tout () {document. getElementById (div_obj ). style. display = "none";} function Tover () {document. getElementById (div_obj ). style. display = "" ;}function timerDIV () {if (_ f >=140) {/* width */objy (); return ;} else {_ f = _ f + 10; document. getElementById (div_obj ). style. width = _ f + "px"; window. setTimeout (timerDIV, 1) ;}} function objy () {if (y >=150) {/* height */var str ="<div >News-1<br/> <font >Bytes</font>News-1-1<br/> <font >Bytes</font>News-1-2<br/> <font >Bytes</font>News-1-3<br/>News-2<br />News-3<br/></div>"; Document. getElementById (div_obj ). innerHTML = str return;} else {y + = 6; document. getElementById (div_obj ). style. height = y + "px"; window. setTimeout (objy, 1 );}}</sCRIPT><title>JS navigation effect</title></hEAD><BODY><DIV class=Default-top> <DIV > <DIV class=Defautl-Navigation >Homepage</dIV> <DIV class=Defautl-Navigation >|</dIV> <DIV class=Defautl-Navigation >News</dIV> <DIV class=Defautl-Navigation >|</dIV> <DIV class=Defautl-Navigation ><A href="#">Contact us</a></dIV> <DIV class=Defautl-Navigation >|</dIV> <DIV class=Defautl-Navigation ><A href="#">Others</a></dIV> <DIV id=two onmousemove=Tover() onmouseout=Tout()>No Content</dIV> </dIV></dIV></bODY></hTML>This code is provided by the webpage special effect network.
Tip: you can modify some code before running
