蓝天骏
|
分享:
▼
x0
|
[HTML][讨论] 滑鼠特效
星点围绕1 <!--星点围绕_开始--> <script language="JavaScript"> <!-- <!-- function load(form) { var url = form.list.options[form.list.selectedIndex].value; open(url) return false; } // --> function MM_openBrWindow(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } //--> </script> <script language="JavaScript"> <!-- function YY_Layerfx(yyleft,yytop,yyfnx,yyfny,yydiv,yybilder,yyloop,yyto,yycnt,yystep) { //v1.2 //copyright (c)1999 Yaromat, Jaro von Flocken if ((document.layers)||(document.all)){ with (Math) {yynextx= eval(yyfnx)} with (Math) {yynexty= eval(yyfny)} yycnt=(yyloop && yycnt>=yystep*yybilder)?0:yycnt+yystep; if (document.layers){ eval(yydiv+".top="+(yynexty+yytop)) eval(yydiv+".left="+(yynextx+yyleft)) } if (document.all){ eval("yydiv=yydiv.replace(/.layers/gi, '.all')"); eval(yydiv+".style.pixelTop="+(yynexty+yytop)); eval(yydiv+".style.pixelLeft="+(yynextx+yyleft)); } argStr='YY_Layerfx('+yyleft+','+yytop+',"'+yyfnx+'","'+yyfny+'","'+yydiv+'",'+yybilder+','+yyloop+','+yyto+','+yycnt+','+yystep+')' if (yycnt<=yystep*yybilder){eval(yydiv+".yyto=setTimeout(argStr,yyto)");} } } function YY_Mousetrace(evnt) { //v1.2 copyright (c)1999 Yaromat if (yyns4) {if (evnt.pageX) {yy_ml=evnt.pageX; yy_mt=evnt.pageY;} } else{ yy_ml=(event.clientX + document.body.scrollLeft); yy_mt=(event.clientY + document.body.scrollTop); } if (yy_tracescript)eval(yy_tracescript) } --> </script> <script language="JavaScript"> <!-- function load(form) { var url = form.list.options[form.list.selectedIndex].value; open(url) return false; } // --> </script> <div id=yyd0 style="position:absolute; left:10px; top:50px; width:2px; height:2px; z-index:1; background-color: #d25f91; layer-background-color: #d25f91; border: 1px none #000000; clip: rect(0 2 2 0)"></div> <div id=yyd1 style="position:absolute; left:20px; top:50px; width:2px; height:2px; z-index:1; background-color: #dd9f23; layer-background-color: #dd9f23; border: 1px none #000000; clip: rect(0 2 2 0)"></div> <div id=yyd2 style="position:absolute; left:30px; top:50px; width:2px; height:2px; z-index:1; background-color: #335193; layer-background-color: #335193; border: 1px none #000000; clip: rect(0 2 2 0)"></div> <div id=yyd3 style="position:absolute; left:40px; top:50px; width:2px; height:2px; z-index:1; background-color: #f1ddb7; layer-background-color: #f1ddb7; border: 1px none #000000; clip: rect(0 2 2 0)"></div> <div id=yyd4 style="position:absolute; left:50px; top:50px; width:2px; height:2px; z-index:1; background-color: #13550b; layer-background-color: #13550b; border: 1px none #000000; clip: rect(0 2 2 0)"></div> <div id=yyd5 style="position:absolute; left:60px; top:50px; width:2px; height:2px; z-index:1; background-color: #cb55de; layer-background-color: #cb55de; border: 1px none #000000; clip: rect(0 2 2 0)"></div> <script language="JavaScript"> <!-- var yyns4=window.Event?true:false; var yy_mt = 0; var yy_ml = 0; document.onmousemove = YY_Mousetrace; yy_tracescript = '' if (yyns4){ document.captureEvents(Event.MOUSEMOVE); YY_Mousetrace('',',document.YY_Mousetrace1')} YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/70))+0)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/70))+0)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd0\']',2000,true,80,0,1); YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/70))+30)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/70))+30)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd1\']',2000,true,80,0,1); YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/70))+60)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/70))+60)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd2\']',2000,true,80,0,1); YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/70))+90)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/70))+90)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd3\']',2000,true,80,0,1); YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/70))+120)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/70))+120)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd4\']',2000,true,80,0,1); YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/70))+150)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/70))+150)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd5\']',2000,true,80,0,1); --> </script> <!--星点围绕_结束--> 星点围绕2 <!--星点围绕_开始--> <script language="JavaScript"> <!-- CoLoUrS=new Array(༼ff00','ff00ff','fff000',ff'); var step=0.3,a_StEp=0.05,RunTime=0,currStep=0,Xpos=0,Ypos=0,cntr=70,count_a=0; var count=0,move=1,Ay=0,Ax=0,dots=16;var x;brwsr=(document.layers)?1:0; if (brwsr){ for (i=0; i < dots; i++){ document.write('<LAYER NAME="a'+i+'" LEFT=0 TOP=0 BGCOLOR=#3366ff CLIP="0,0,3,3"></LAYER>'); } window.captureEvents(Event.MOUSEMOVE); function nsMouse(evnt){ Xpos = evnt.pageX; Ypos = evnt.pageY; } window.onMouseMove = nsMouse } else{ document.write('<div id="ys" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < dots; i++){ document.write('<div id="ieDivs" style="position:absolute;top:0px;left:0px;width:3px;height:3px;background:#3366ff;font-size:3px"></div>'); } document.write('</div></div>'); function ieMouse(){ Ypos=event.y; Xpos=event.x; } window.document.onmousemove = ieMouse } function MouseFollow(){ ay = Math.round(Ay+=(Ypos- Ay)* 4/40); ax = Math.round(Ax+=(Xpos- Ax)* 4/40); setTimeout('MouseFollow()',10); } function colourStep(){ count+=move; if (count >= dots) {count=0;count_a+=move} if (count_a == CoLoUrS.length) count_a=0; if (brwsr) document.layers["a"+count].bgColor=CoLoUrS[count_a]; else ieDivs[count].style.background=CoLoUrS[count_a]; setTimeout('colourStep()',100) } function TwistnSpin(){ if (!brwsr) ys.style.top=document.body.scrollTop; for (i=0; i < dots; i++) { var allLayers=(document.layers)?document.layers["a"+i]:ieDivs.style; allLayers.top=ay+cntr*Math.cos((currStep+i*4)/10.2)*Math.sin(currStep/20); allLayers.left=ax+cntr*Math.sin((currStep+i*4)/10.2)*Math.cos(1+currStep/20); } currStep-=step; setTimeout("TwistnSpin()",10); } function CombineNstart(){ MouseFollow();TwistnSpin();colourStep(); } window.onload=CombineNstart; --> </script> <!--星点围绕_结束-->
|