模似windows XP 左侧的菜单效果 dn001 2009-06-21 08:20:47 <!-- website:http://www.knowsky.com --> <!-- bbs:http://bbs.knowsky.com --> <!-- 完整的HTML代码如下 --> <html> <head> <title>网页教学网动态页面展示网页特效</title> <meta name="Author" content="from at http://www.knowsky.com"> <meta http-equiv="imagetoolbar" content="no"> <style type="text/css"> body {cursor:crosshair;margin:0; padding:0; position:absolute; overflow:hidden; background:#000; left:0; top:0; width:100%; height:100%;zIndex:-2;} .bar {border:#000 solid 1px;position:absolute;font-size:1px;} </style> <script type="text/javascript"><!-- // ======================================================= // http://www.knowsky.com // ======================================================= window.onerror = new Function("return true"); document.onselectstart = new Function("return false"); screen.bufferDepth = 16; xm = 0; ym = 0; nx = 0; ny = 0; nx2 = 0; ny2 = 0; K = 0; k = 0; cx = 0; cy = 0; ///////// N1 = 20; N2 = 2; ///////// function run(){ cx+=Math.round((xm-cx) * .1); cy+=Math.round((ym-cy) * .1); k = 0; K+= .1; for(i=1; i<=N1; i++){ z = 2.01 + i - (K%2) - ((i%2)?1:2); F = 5 / z; d = 1 + nx / 10 * F; c = Math.round(128 * F); for(j=-N2; j<N2; j++){ p = (nx * .25 + ((i%2)?cy:cx) + (nx2 * j)) * F; with(document.getElementById("SF").getElementsByTagName("span")[k++].style){ if(i%2){ T = Math.round(ny2 + p - d * .5); if(T+d>=0 && T<ny){ left = 0; width = nx; top = T; height = Math.round(d); background = "RGB("+0+","+c+","+0+")"; zIndex = Math.round(F * 100); } else top = ny; } else { T = Math.round(nx2 + p - d * .5); if(T+d>=0 && T<nx){ left = T; width = Math.round(d); top = 0; height = ny; background = "RGB("+0+","+c+","+0+")"; zIndex = Math.round(F * 100); } else left = nx; } } } } setTimeout("run()", 16); } document.onmousemove = function(e){ if (window.event) e = window.event; xm = -(e.x || e.clientX) + nx2; ym = -(e.y || e.clientY) + ny2; } function resize(){ nx = document.body.offsetWidth; ny = document.body.offsetHeight; nx2 = nx / 2; ny2 = ny / 2; } onresize = resize; onload = function() { resize(); for(i=1; i<=N1; i++){ for(j=-N2; j<N2; j++){ o = document.createElement("span"); o.className="bar"; document.getElementById("SF").appendChild(o); } } run(); } //--> </script> </head> <body> <div id="SF" style="position:absolute;left:0;top:0"></div> </body> </html>
