Navigation, mouse put up to see the effect
<ptml> <pead> <title>:: You will do, I will also::</title> <meta http-equiv= "Content-type" content= "text/" html charset=gb2312 "> <script language=" JavaScript "> <!--<!--function Mm_reloadpage (init) {//reloads the window if Nav4 resized if (init==true) with (navigator) {if (appname== "Netscape") && (parseint (appversion) ==4)) {document. Mm_pgw=innerwidth; Document. Mm_pgh=innerheight; Onresize=mm_reloadpage; } else if (innerwidth!=document. MM_PGW | | Innerheight!=document. MM_PGH) location.reload (); } mm_reloadpage (True); --> function Mm_findobj (n, D) {//v4.01 var p,i,x; if (!d) d=document; if ((P=n.indexof ("?")) >0&&parent.frames.length) {d=parent.frames[n.substring (p+1)].document; n=n.substring (0,p);} if (!) ( X=d[n]) &&d.all) x=d.all[n]; for (i=0;! x&&i<d.forms.length;i++) X=d.forms[i][n]; for (i=0;! x&&d.layers&&i<d.layers.length;i++) X=mm_findobj (n,d.layers[i].document); if (!x && d.getElementById) X=d.getelementbyid (n); return x; function P7animagic (el, X, Y, A, B, C, s) {//v2.5 pvii var g,elo=el,f= "", m=false,d= ""; X=parseint (x); Y=parseint (y); var t = ' G.p7magic = settimeout (' P7animagic (\ ' +elo+ ', '; if ((G=mm_findobj (EL))!=null) {d= (document.layers)? G:g.style;} Else{return;} if (parseint (s) >0) {eval (t+x+ ', ' +y+ ', ' +a+ ', ' +b+ ', ' +c+ ', 0) ', ' + s+ ') '); var xx= (parseint (d.left))? parseint (D.left): 0; var yy= (parseint (d.top))? parseint (D.top): 0; if (parseint (c) ==1) {x+=xx;y+=yy;m=true;c=0;} else if (c==2) {m=false;cleartimeout (g.p7magic);} else {var i=parseint (a); if (eval (g.moved)) {cleartimeout (g.p7magic);} if (xx<x) {xx+=i;m=true;if (xx>x) {xx=x;}} if (xx>x) {xx-=i;m=true;if (xx<x) {xx=x;}} if (yy<y) {yy+=i;m=true;if (yy>y) {yy=y;}} if (yy>y) {yy-=i;m=true;if (yy<y) {yy=y;}}} if (m) {if (navigator.appname== "Netscape") && parseint (navigator.appversion) >4) {xx+= "px"; yy+= "PX ";} D.left=xx;d.top=yy;g.moved=true;eval (t+x+ ', ' +y+ ', ' +a+ ', ' +b+ ', ' +c+ ', 0) ', ' +b+ '); }else {g.moved=false;} }//--> </script> <style type= "Text/css" > <!--. t {filter:alpha (OPACITY=50)} TD {Font-size:1 2px; LINE-HEIGHT:22PX} a:link {color: #FFFFFF; text-decoration:none; height:20px; width:63px; Border-color: #33CCFF #30C CFF #30CCFF; Background-color: #0099FF; Border-style:solid; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; BORDER-LEFT-WIDTH:1PX} a:visited {color: #FFFFFF; text-decoration:none; height:20px; width:63px; Border-color: #33C CFF #30CCFF #30CCFF; Background-color: #0099FF; Border-style:solid; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; BORDER-LEFT-WIDTH:1PX} a:hover {background-color: #FF66FF; height:20px; width:61px; border: #FFFFFF; border-style:d otted; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; BORDER-LEFT-WIDTH:1PX}--> </style> </pead> <body bgcolor= "#FFFFFF" text= "#000000" > <div id= "Layer1" > <div id= "La Yer2 "class=" T "> <table width=" 100% "border=" 0 "cellspacing=" 0 "cellpadding=" 0 "height=" 100% "> < tr> <td align= "center" valign= "top" ><font color= "#FFFFFF" onmouseover= "p7animagic (' Layer2 ', 210,35,5, 30,0,0) "onmouseout=" p7animagic (' Layer2 ', 264,59,5,30,0,0) ">on 1 First Item II Third item </font></td> </tr> </table> </div> <div id= "Layer3" C lass= "T" > <table width= "100%" border= "0" cellspacing= "0" cellpadding= "0" > <tr> <t d> <div align= "center" ><font color= "#FFFFFF" onmouseover= "p7animagic (' Layer3 ', 210,55,5,30,0,0)" Onm ouseout= "P7animagic (' Layer3 ', 264,81,5,30,0,0)" >on 2 The first of the second item </font></div&gT </td> </tr> </table> </div> <div id= "Layer4" class= "T" > <table W Idth= "100%" border= "0" cellspacing= "0" cellpadding= "0" > <tr> <td> <div Align = "Center" ><font color= "#FFFFFF" onmouseover= "p7animagic (' Layer4 ', 210,75,5,30,0,0)" onmouseout= "P7animagic (' Layer4 ', 264,102,5,30,0,0) ' >on 3 The first of the second item </font></d iv> </td> </tr> </table> </div> <div id= "Layer5" > <tab Le width= "100%" border= "0" cellspacing= "0" cellpadding= "0" height= "a" > <tr> <td height= "24" Onmouseover= "P7animagic (' Layer2 ', 210,35,5,30,0,0)" onmouseout= "p7animagic (' Layer2 ', 264,59,5,30,0,0)" > </td> </tr> <tr> <td height= "onmouseover=" p7animagic (' La Yer3 ', 210,55,5,30,0,0) ' Onmouseout= "P7animagic (' Layer3 ', 264,81,5,30,0,0)" > </td> </tr> <tr> <TD height= "onmouseover=" p7animagic (' Layer4 ', 210,75,5,30,0,0) "onmouseout=" p7animagic (' Layer4 ', 264,102,5,30,0,0) "> </td> </tr> </table> </div> </div > </body> </ptml>
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]
