Maus-Konfetti

Um den Mauszeiger herum schwirrt Konfetti.

Wirkt auf dunklem Hintergrund sehr schön.

HTML-Einbindung
   <script LANGUAGE="JavaScript"> function YY_Layerfx(yyleft,yytop,yyfnx,yyfny,yydiv,yybilder,yyloop,yyto,yycnt,yystep) { //v3.3 //gismoFX 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) { //v3.3 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><div id=yyd0 style="position:absolute; left:10px; top:50px; width:2px; height:2px; z-index:1; background-color: #65ad11; layer-background-color: #65ad11; 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: #a1b1b4; layer-background-color: #a1b1b4; 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: #e60fba; layer-background-color: #e60fba; 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: #feaaa9; layer-background-color: #feaaa9; 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: #8faba4; layer-background-color: #8faba4; 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: #d7aabb; layer-background-color: #d7aabb; border: 1px none #000000; clip: rect(0 2 2 0)"></div> <div id=yyd6 style="position:absolute; left:70px; top:50px; width:2px; height:2px; z-index:1; background-color: #9ea720; layer-background-color: #9ea720; border: 1px none #000000; clip: rect(0 2 2 0)"></div> <div id=yyd7 style="position:absolute; left:80px; top:50px; width:2px; height:2px; z-index:1; background-color: #cd629c; layer-background-color: #cd629c; border: 1px none #000000; clip: rect(0 2 2 0)"></div> <div id=yyd8 style="position:absolute; left:90px; top:50px; width:2px; height:2px; z-index:1; background-color: #6cb9a0; layer-background-color: #6cb9a0; border: 1px none #000000; clip: rect(0 2 2 0)"></div> <div id=yyd9 style="position:absolute; left:100px; top:50px; width:2px; height:2px; z-index:1; background-color: #491bf1; layer-background-color: #491bf1; border: 1px none #000000; clip: rect(0 2 2 0)"></div> <p> <script> 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/0.2556656354639286))+0)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/1.8270427087956205))+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/20.08107945196962))+30)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/17.47648441744088))+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/20.16112899267653))+60)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/46.98201380052828))+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/16.389992282150374))+90)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/36.895449218404565))+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/30.102638167757792))+120)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/25.8085958822582))+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/24.755276556637185))+150)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/32.74943626209599))+150)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd5\']',2000,true,80,0,1); YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/11.042107400128643))+180)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/49.83987647087025))+180)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd6\']',2000,true,80,0,1); YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/8.8980741974959))+210)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/16.03264032178989))+210)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd7\']',2000,true,80,0,1); YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/8.69523863129235))+240)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/17.559468044925595))+240)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd8\']',2000,true,80,0,1); YY_Layerfx(0,0,'yy_ml+cos((15*sin(yycnt/1.2735598016194016))+270)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','yy_mt+sin((15*sin(yycnt/31.531438307872726))+270)*150*(sin(10+yycnt/20)+0.2)*cos(yycnt/20)','document.layers[\'yyd9\']',2000,true,80,0,1); </script>

Hier kannst Du Dir das Javascript einfach per eMail zusenden lassen.

Mail:

Name:

Abo
Wenn Du den Newsletter beziehen möchtest, klicke bitte in das Feld "Abo"