The JavaScript latency is quite good.
<Script language = "javascript" type = "text/javascript"> nereidFadeObjects = new Object (); nereidFadeTimers = new Object (); function nereidFade (object, destOp, rate, delta) {if (! Document. all) return if (object! = "[Object]") {setTimeout ("nereidFade (" + object + "," + destOp + "," + rate + "," + delta + ")", 0); return;} clearTimeout (nereidFadeTimers [object. sourceIndex]); diff = destOp-object.filters.alpha.opacity; direction = 1; if (object. filters. alpha. opacity> destOp) {direction =-1;} delta = Math. min (direction * diff, delta); object. filters. alpha. opacity + = direction * delta; if (object. filters. alpha. opacity! = DestOp) {nereidFadeObjects [object. sourceIndex] = object; nereidFadeTimers [object. sourceIndex] = setTimeout ("nereidFade (nereidFadeObjects [" + object. sourceIndex + "]," + destOp + "," + rate + "," + delta + ")", rate );}} script <style type = "text/css"> <! -- # Menu {margin: 0px; padding: 0px; width: 350px; height: 72px; }# menu li {margin-right: 10px; float: left ;} --> </style> <p style = "margin-top: 20px; "align =" center "> <ul id =" menu "> <li style =" background-image: url (/pic/ma_1.gif) "> </li> <li style =" background-image: url (/pic/ma_2.gif) "> </li> <li style =" background-image: url (/pic/ma_3.gif) "> </li> <li style =" background-image: url (/pic/ma_4.gif) "> </li> <li style =" background-image: url (/pic/ma_5.gif) "> </li> </ul> </p>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]