JUSTFORTESTING
- scripte
HOME
Kostenloses
Link us
FlashClocks
Intros
Ernst huber
Titel der neu cbvyxbvybycben Seite
Bannertausch/Links
Kontakt
einblendeffekt
Elf my self
Radio für die HP
Gästebuch
Webcoaster
buttonsound
Impressum
Meine anderen Pages
FunnyClips
Musikvideos
Heavy BG TV
E-Mail
j4t-tv
DJ TV
Musik Videos 2
Cartoon TV
Titel der neuen Seite
sfgadsfe
Enia-player
Toppartner
15regeln fuer Webmaster
j4ttarjatv
Minibanner mit werbung
Titel der neuen Seite1122
Titel der neufherh3b en Seite
Impressumscr
Bannerliste01
15 regelnfür webmaster
Autoscrolltest
Matrixtest
Titel der adgfag
gb test
jjjjjjjj
vvve
aschaffenburg
Titbvhhhh
titel
Titel der nfddddddddd
scripte
cooooooollll
Titel dwtttttttttttt
T55788
88
2222
Regeln
<Html> <BODY TEXT="#FFFFFF" LINK="#FFFFFF" VLINK="#999999" ALINK="#00FF00" BGCOLOR="#000000" onload="marquee()"> <Center> <script language="JavaScript"> <!-- var timerID = null; var timerRunning = false; var id,pause=0,position=0; function marquee() { var i,k,msg=" Hallo lieber Besucher :-) "; k=(75/msg.length)+1; for(i=0;i><=k;i++) msg+=" "+msg; document.marqueeform.marquee.value=msg.substring(position,position+120); if(position++==69) position=0; id=setTimeout("marquee()",1000/10); } function action() { if(!pause) { clearTimeout(id); pause=1; } else { marquee(); pause=0; } } // --> </script> <form name="marqueeform"> <input type="text" name="marquee" size="30"> </form> </center> </body> </html>
C
ode für:
- Nach oben!
<script language="JavaScript"> <!-- Trio 2 Script by kurt.grigg@virgin.net //Choose colours and size of effect !! var a_Colour='ff0000'; var b_Colour='00ff00'; var c_Colour='0000ff'; var Size=50; //Alter nothing below !! var YDummy=new Array(),XDummy=new Array(),xpos=0,ypos=0,ThisStep=0;step=0.03; if (document.layers){ window.captureEvents(Event.MOUSEMOVE); function nsMouse(evnt){ xpos = window.pageYOffset+evnt.pageX+6; ypos = window.pageYOffset+evnt.pageY+16; } window.onMouseMove = nsMouse; } else if (document.all) { function ieMouse(){ xpos = document.body.scrollLeft+event.x+6; ypos = document.body.scrollTop+event.y+16; } document.onmousemove = ieMouse; } function swirl(){ for (i = 0; i < 3; i++) { YDummy[i]=ypos+Size*Math.cos(ThisStep+i*2)*Math.sin((ThisStep)*6); XDummy[i]=xpos+Size*Math.sin(ThisStep+i*2)*Math.sin((ThisStep)*6); } ThisStep+=step; setTimeout('swirl()',10); } var amount=10; if (document.layers){ for (i = 0; i < amount; i++) { document.write('><layer name=nsa'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+a_Colour+'></layer>'); document.write('<layer name=nsb'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+b_Colour+'></layer>'); document.write('<layer name=nsc'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+c_Colour+'></layer>'); } } else if (document.all){ document.write('<div id="ODiv" style="position:absolute;top:0px;left:0px">' +'<div id="IDiv" style="position:relative">'); for (i = 0; i < amount; i++) { document.write('<div id=x style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+a_Colour+';font-size:'+i/2+'"></div>'); document.write('<div id=y style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+b_Colour+';font-size:'+i/2+'"></div>'); document.write('<div id=z style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+c_Colour+';font-size:'+i/2+'"></div>'); } document.write('</div></div>'); } function prepos(){ var ntscp=document.layers; var msie=document.all; if (document.layers){ for (i = 0; i < amount; i++) { if (i < amount-1) { ntscp['nsa'+i].top=ntscp['nsa'+(i+1)].top;ntscp['nsa'+i].left=ntscp['nsa'+(i+1)].left; ntscp['nsb'+i].top=ntscp['nsb'+(i+1)].top;ntscp['nsb'+i].left=ntscp['nsb'+(i+1)].left; ntscp['nsc'+i].top=ntscp['nsc'+(i+1)].top;ntscp['nsc'+i].left=ntscp['nsc'+(i+1)].left; } else { ntscp['nsa'+i].top=YDummy[0];ntscp['nsa'+i].left=XDummy[0]; ntscp['nsb'+i].top=YDummy[1];ntscp['nsb'+i].left=XDummy[1]; ntscp['nsc'+i].top=YDummy[2];ntscp['nsc'+i].left=XDummy[2]; } } } else if (document.all){ for (i = 0; i < amount; i++) { if (i < amount-1) { msie.x[i].style.top=msie.x[i+1].style.top;msie.x[i].style.left=msie.x[i+1].style.left; msie.y[i].style.top=msie.y[i+1].style.top;msie.y[i].style.left=msie.y[i+1].style.left; msie.z[i].style.top=msie.z[i+1].style.top;msie.z[i].style.left=msie.z[i+1].style.left; } else { msie.x[i].style.top=YDummy[0];msie.x[i].style.left=XDummy[0]; msie.y[i].style.top=YDummy[1];msie.y[i].style.left=XDummy[1]; msie.z[i].style.top=YDummy[2];msie.z[i].style.left=XDummy[2]; } } } setTimeout("prepos()",10); } function Start(){ swirl(),prepos() } window.onload=Start; // --</script>
Bunte Elipsen
( 3-farbig ) umkreisen den Cursor.
Klicke HIER um Beispiel zu sehen!
- Nach oben!
<SCRIPT LANGUAGE="JavaScript"> <!-- Begin if (document.all) { //Folgendes kann angepasst werden yourLogo = "---Willkommen lieber Besucher--- "; //Mehr als 2 Zeichen! logoFont = "Arial"; logoColor = "#FFFFFF"; //ab hier nichts mehr ändern! yourLogo = yourLogo.split(''); L = yourLogo.length; TrigSplit = 360 / L; Sz = new Array() logoWidth = 150; logoHeight = -30; ypos = 0; xpos = 0; step = 0.03; currStep = 0; document.write('><div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i = 0; i < L; i++) { document.write('<div id="ie" style="position:absolute;top:0px;left:0px;' +'width:10px;height:10px;font-family:'+logoFont+';font-size:12px;' +'color:'+logoColor+';text-align:center">'+yourLogo[i]+'</div>'); } document.write('</div></div>'); function Mouse() { ypos = event.y; xpos = event.x - 5; } document.onmousemove=Mouse; function animateLogo() { outer.style.pixelTop = document.body.scrollTop; for (i = 0; i < L; i++) { ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180); ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180); Sz[i] = ie[i].style.pixelTop - ypos; if (Sz[i] < 5) Sz[i] = 5; ie[i].style.fontSize = Sz[i] / 1.7; } currStep -= step; setTimeout('animateLogo()', 20); } window.onload = animateLogo; } // End --</script>
3 D Text um den Cursor
kreisend. Text kann beliebig geändert werden.
Klicke HIER um Beispiel zu sehen!
- Nach oben!
<SCRIPT LANGUAGE="JavaScript"> <!-- Original: Kurt Grigg (kurt.grigg@virgin.net) --> <!-- Web Site: http://website.lineone.net/~kurt.grigg/javascript --> <!-- Begin Image0 = new Image(); Image0.src = "floatPOINT1.gif"; Amount = 20; Ymouse = -50; Xmouse = -50; Ypos = new Array(); Xpos = new Array(); Speed = new Array(); rate = new Array(); grow = new Array(); Step = new Array(); Cstep = new Array(); nsSize = new Array(); ns = (document.layers)?1:0; (document.layers)?window.captureEvents(Event.MOUSEMOVE):0; function Mouse(evnt) { Ymouse=(document.layers)?evnt.pageY-20:event.y-20; Xmouse=(document.layers)?evnt.pageX:event.x; } (document.layers)?window.onMouseMove=Mouse:document.onmousemove=Mouse; for (i = 0; i < Amount; i++) { Ypos[i] = Ymouse; Xpos[i] = Xmouse; Speed[i] = Math.random()*4+1; Cstep[i] = 0; Step[i] = Math.random()*0.1+0.05; grow[i] = 8; nsSize[i] = Math.random()*15+5; rate[i] = Math.random()*0.5+0.1; } if (ns) { for (i = 0; i < Amount; i++) { document.write("><LAYER NAME='sn"+i+"' LEFT=0 TOP=0><img src="+Image0.src+" name='N' width="+nsSize[i]+" height="+nsSize[i]+"></LAYER>"); } } else { document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i = 0; i < Amount; i++) { document.write('<img id="si" src="'+Image0.src+'" style="position:absolute;top:0px;left:0px;filter:alpha(opacity=90)">'); } document.write('</div></div>'); } function MouseBubbles() { var hscrll = (document.layers)?window.pageYOffset:document.body.scrollTop; var wscrll = (document.layers)?window.pageXOffset:document.body.scrollLeft; for (i = 0; i < Amount; i++){ sy = Speed[i] * Math.sin(270 * Math.PI / 180); sx = Speed[i] * Math.cos(Cstep[i] * 4); Ypos[i] += sy; Xpos[i] += sx; if (Ypos[i] < -40) { Ypos[i] = Ymouse; Xpos[i] = Xmouse; Speed[i] = Math.random() * 6 + 4; grow[i] = 8; nsSize[i] = Math.random() * 15 + 5; } if (ns) { document.layers['sn'+i].left = Xpos[i] + wscrll; document.layers['sn'+i].top = Ypos[i] + hscrll; } else { si[i].style.pixelLeft = Xpos[i] + wscrll; si[i].style.pixelTop = Ypos[i] + hscrll; si[i].style.width = grow[i]; si[i].style.height = grow[i]; } grow[i] += rate[i]; Cstep[i] += Step[i]; if (grow[i] > 24) grow[i] = 25; } setTimeout('MouseBubbles()', 10); } MouseBubbles(); // End --</SCRIPT> <!-- Script Size: 3.26 KB -->
Code für Luftblasen
um Cursor!
Klicke HIER um Beispiel zu sehen!
- Nach oben!
In den HEAD Tag <STYLE> <!-- all.clsMenuItemNS{font: bold x-small Verdana; color: #B3848A; text-decoration: none;} .clsMenuItemIE{text-decoration: none; font: bold xx-small Verdana; color: #B3848A; cursor: hand;} A:hover {color: #B3848A; Text-Decoration:line-through; cursor:e-resize;} --> </STYLE>
Cursor in Pfeilform
(beidseitig)
- Nach oben!
<SCRIPT language=JavaScript> <!-- ScrollSpeed = 100; // milliseconds between scrolls ScrollChars = 1; // chars scrolled per time period function SetupTicker() { // add space to the left of the message msg = " Herzlich willkommen auf meiner Homepage !"; RunTicker();} function RunTicker() { window.setTimeout('RunTicker()',ScrollSpeed); window.status = msg; msg = msg.substring(ScrollChars) + msg.substring(0,ScrollChars);} SetupTicker(); ><!-- end --> </SCRIPT> </textarea><br></font><font size="2"><br> L</font><font face="MS Serif"><a name="aufender Text i" style="font-family: Verdana,Arial; font-size: 8pt; color: maroon; text-decoration: none; line-height: 12pt"><font color="#000000" size="2">aufender Text i</font></a></font><font size="2">m unteren Rand des Browserfensters.<br> </font> <font face="MS Serif"> <a href="../bspl/bspl_4.htm" style="font-family: Verdana,Arial; font-size: 8pt; color: maroon; text-decoration: none; line-height: 12pt"> <font color="#000000" size="2">Klicke HIER um Beispiels zu sehen!</font></a></font><font size="2"><br> </font> </b> <font face="MS Serif" color="#FFFFFF"> <span style="background-color: #000000; font-weight:700"> <font color="#FFFFFF" size="4"> <a href="#nach oben" style="font-family: Verdana,Arial; font-size: 8pt;text-decoration: none; line-height: 12pt"> <font color="#FFFFFF" size="2"> - Nach oben! </font></a> </font></span></font> </p> <p align="left"> </p> <p align="left"> <b> <font size="3"> <br><hr><br><textarea rows="4" name="S42" cols="44"><script language="JavaScript"> <!-- Silly Clock by kurt.grigg@virgin.net CoLoUrS=new Array('ff0000','0000ff','ff00ff');//Farbe des Zifferblattes. sCol='ff00ff';//sekunden Farbe. mCol='ff0000';//minuten Farbe. hCol='0000ff';//stunden Farbe. //Alter nothing below! H='Stunde..'; H=H.split(''); H=H.reverse(); M='Minute..'; M=M.split(''); M=M.reverse(); S='Sekunde..'; S=S.split(''); S=S.reverse(); dots=12; var Ypos=0,Xpos=0,Ybase=0,Xbase=0; var ay=0,ax=0,Ay=0,Ax=0,by=0,bx=0,By=0,Bx=0,cy=0,cx=0,Cy=0,Cx=0,dy=0,dx=0,Dy=0,Dx=0; count=0; count_a=0; move=1; ns=(document.layers)?1:0; viz=(document.layers)?'hide':'hidden'; if (ns){ for (i=0; i < dots; i++) document.write('><layer name=nface'+i+' top=0 left=0 bgcolor=#ffffff clip="0,0,3,3"></layer>'); for (i=0; i < S.length; i++) document.write('<layer name=nx'+i+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+sCol+'><center>'+S[i]+'</center></font></layer>'); for (i=0; i < M.length; i++) document.write('<layer name=ny'+i+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+mCol+'><center>'+M[i]+'</center></font></layer>'); for (i=0; i < H.length; i++) document.write('<layer name=nz'+i+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+hCol+'><center>'+H[i]+'</center></font></layer>'); } else{ document.write('<div id="W" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < dots; i++){ document.write('<div id="face" style="position:absolute;top:0px;left:0px;width:3px;height:3px;font-size:3px;background:#ffffff"></div>'); } document.write('</div></div>'); document.write('<div id="X" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < S.length; i++){ document.write('<div id="x" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:'+sCol+';text-align:center;padding-top:10px">'+S[i]+'</div>'); } document.write('</div></div>') document.write('<div id="Y" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < M.length; i++){ document.write('<div id="y" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:'+mCol+';text-align:center;padding-top:10px">'+M[i]+'</div>'); } document.write('</div></div>') document.write('<div id="Z" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < H.length; i++){ document.write('<div id="z" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:'+hCol+';text-align:center;padding-top:10px">'+H[i]+'</div>'); } document.write('</div></div>'); } if (ns){ window.captureEvents(Event.MOUSEMOVE); function nsMouse(evnt){ Ypos = evnt.pageY+100; Xpos = evnt.pageX+100; } window.onMouseMove = nsMouse; } else{ function ieMouse(){ Ypos=event.y+100; Xpos=event.x+100; } document.onmousemove=ieMouse; } function clock(){ time = new Date (); secs = time.getSeconds(); sec = -1.57 + Math.PI * secs/30; mins = time.getMinutes(); min = -1.57 + Math.PI * mins/30; hr = time.getHours(); hrs = -1.575 + Math.PI * hr/6+ Math.PI*parseInt(time.getMinutes())/360; Ybase=15; Xbase=15; if (ns){ document.layers["nx"+0].visibility=viz; document.layers["ny"+0].visibility=viz; document.layers["nz"+0].visibility=viz; for (i=0; i < S.length; i++){ document.layers["nx"+i].top=ay-12+(i*Ybase)*Math.sin(sec); document.layers["nx"+i].left=ax-12+(i*Xbase)*Math.cos(sec); } for (i=0; i < M.length; i++){ document.layers["ny"+i].top=by-12+(i*Ybase)*Math.sin(min); document.layers["ny"+i].left=bx-12+(i*Xbase)*Math.cos(min); } for (i=0; i < H.length; i++){ document.layers["nz"+i].top=cy-12+(i*Ybase)*Math.sin(hrs); document.layers["nz"+i].left=cx-12+(i*Xbase)*Math.cos(hrs); } for (i=0; i < dots; ++i){ document.layers["nface"+i].top=dy-2+(70*Math.sin(-0.49+dots+i/1.9)); document.layers["nface"+i].left=dx+4+(70*Math.cos(-0.49+dots+i/1.9)); } } else{ var scrll=document.body.scrollTop; W.style.pixelTop=scrll; X.style.pixelTop=scrll; Y.style.pixelTop=scrll; Z.style.pixelTop=scrll; x[0].style.visibility=viz; y[0].style.visibility=viz; z[0].style.visibility=viz; for (i=0; i < S.length; i++){ x[i].style.pixelTop=ay-12+(i*Ybase)*Math.sin(sec); x[i].style.pixelLeft=ax-12+(i*Xbase)*Math.cos(sec); } for (i=0; i < M.length; i++){ y[i].style.pixelTop=by-12+(i*Ybase)*Math.sin(min); y[i].style.pixelLeft=bx-12+(i*Xbase)*Math.cos(min); } for (i=0; i < H.length; i++){ z[i].style.pixelTop=cy-12+(i*Ybase)*Math.sin(hrs); z[i].style.pixelLeft=cx-12+(i*Xbase)*Math.cos(hrs); } for (i=0; i < dots; ++i){ face[i].style.pixelTop=dy+6+(70*Math.sin(-0.49+dots+i/1.9)); face[i].style.pixelLeft=dx+4+(70*Math.cos(-0.49+dots+i/1.9)); } } } function MouseFollow(){ ay=Math.round(Ay+=((Ypos)-Ay)*4/15); ax=Math.round(Ax+=((Xpos)-Ax)*4/15); by = Math.round(By+=(ay-By)*4/15); bx = Math.round(Bx+=(ax-Bx)*4/15); cy = Math.round(Cy+=(by-Cy)*4/15); cx = Math.round(Cx+=(bx-Cx)*4/15); dy = Math.round(Dy+=(cy-Dy)*4/15); dx = Math.round(Dx+=(cx-Dx)*4/15); clock(); setTimeout('MouseFollow()',10); } function colourStep(){ count+=move; if (count >= dots) {count=0;count_a+=move} if (count_a == CoLoUrS.length) count_a=0; if (ns) document.layers["nface"+count].bgColor=CoLoUrS[count_a]; else face[count].style.background=CoLoUrS[count_a]; setTimeout('colourStep()',100) } function StartAll(){ MouseFollow(); colourStep(); } if (document.layers || document.all) window.onload=StartAll; //--</script>
U
hr umkreist
Cursor!
Klicke HIER um Beispiel zu sehen!
- Nach oben!
<SCRIPT> <!-- Beginning of JavaScript - var x,y var step=5 var flag=1 var pause var timersmall var timerbig var isbigcircle=1 var pause=50 var bigradius var smallradius=50 var startwinkel=1 var imgnumber=12 var imgsrc="DeinGif.gif" var xcenter var xcenter var pi= Math.PI function onresizer() { clearTimeout(timerbig) clearTimeout(timersmall) initiate() } function initiate() { var initiatetimer=setTimeout("initiate2()",2000) } function initiate2() { if (document.layers) { xcenter=Math.floor(screen.width/2) ycenter=Math.floor(window.innerHeight/2) } if (document.all) { xcenter=Math.floor(document.body.clientWidth/2) ycenter=Math.floor(document.body.clientHeight/2) } bigradius=ycenter bigcircle() } function handlerMM(e){ x = (document.layers) ? e.pageX : event.clientX y = (document.layers) ? e.pageY : event.clientY flag=1 } function bigcircle() { if (isbigcircle==1) { if (document.all) { for (i=1; i><=imgnumber; i++) { var thisspan = eval("document.all.span"+(i)+".style") thisspan.posLeft=((xcenter-20)*Math.cos(startwinkel*(pi/180)))+xcenter thisspan.posTop=((ycenter-20)*Math.sin(startwinkel*(pi/180)))+ycenter startwinkel=startwinkel+30 } } if (document.layers) { for (i=1; i><=imgnumber; i++) { var thisspan = eval("document.span"+i) thisspan.left=((xcenter-150)*Math.cos(startwinkel*(pi/180)))+(xcenter-145) thisspan.top=((ycenter-20)*Math.sin(startwinkel*(pi/180)))+ycenter startwinkel=startwinkel+30 } } step=step+5 startwinkel=step timerbig=setTimeout("bigcircle()",pause) } else { isbigcircle=0 clearTimeout(timerbig) } } function presmallcircle() { isbigcircle=0 clearTimeout(timerbig) smallcircle() } function prebigcircle() { isbigcircle=1 clearTimeout(timersmall) bigcircle() } function smallcircle() { if (isbigcircle==0) { if (document.all) { for (i=1; i><=imgnumber; i++) { var thisspan = eval("document.all.span"+(i)+".style") thisspan.posLeft=(smallradius*Math.cos(startwinkel*(pi/180)))+x thisspan.posTop=(smallradius*Math.sin(startwinkel*(pi/180)))+y startwinkel=startwinkel+30 } } if (document.layers) { for (i=1; i><=imgnumber; i++) { var thisspan = eval("document.span"+i) thisspan.left=(smallradius*Math.cos(startwinkel*(pi/180)))+x thisspan.top=(smallradius*Math.sin(startwinkel*(pi/180)))+y startwinkel=startwinkel+30 } } step=step+5 startwinkel=step timersmall=setTimeout("smallcircle()",pause) } else { isbigcircle=0 clearTimeout(timersmall) } } window.onoad=initiate() // - End of JavaScript - --> </SCRIPT> <STYLE> .spanstyle { position:absolute; visibility:visible; top:-50px; font-size:10pt; font-family:Verdana; color:FF0000 } .linktofun { position:absolute; top:240px; left:10px; width:560px; color: 000000; text-align:center; font-size:9pt; font-family:Arial; font-weight:bold; } .explain { position:absolute; top:40px; left:10px; width:560px; color: 000000; text-align:center; font-size:9pt; font-family:Arial; font-weight:bold; } A { font-family: Arial,Helvetica,sans-serif; color: #000000; text-decoration:underline } A:visited { color: #000000; } </STYLE> <SCRIPT> <!-- Beginning of JavaScript - for (i=1;i><=imgnumber;i++) { document.write("><span id='span"+i+"' class='spanstyle'>") document.write("<img src='"+imgsrc+"'>") document.write("</span>") } if (document.layers){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = handlerMM; document.onresize = onresizer; // - End of JavaScript - --</SCRIPT>
Gifs ( Du kanns
t den Gif selbst aussuchen )tanzen im Kreis.
Klicke HIER um Beispiel zu sehen!
- Nach oben!
<script type="text/javascript" language="JavaScript"> <!-- // The original Pinwheel Javascript was written by // Roy Whittle (Roy@Whittle.com), www.Roy.Whittle.com // Adopted for W3C DOM in Internet Explorer 5.x am Netscape 6.x by // Stefan Kuhn (stefan@come2kuhn.de), www.come2kuhn.de // [CONFIGURATION] var anz = 32; // Punktanzahl (1-32) var size = 2; // Punktgroesse (1-5) var RadMin = 10; // Startradius (0-100, in 5er-Schritten) var Angle = 11.5; // Kreis-Schritt (in Grad, frei waehlbar) var RadStepAnz = 4; // Puls-Steps (0-32, Pulsierschritte) var RadStep = 10 // Puls-Schritt (0-32, Groesse der Pulsierschritte) var step3D = 1; // 3D-Speed (0-32) var col = new Array('#00ff00','#ff0000'); // Farbe 1, Farbe 2 // [END OF CONFIGURATION] // Don't change anything of the following code // window.onerror=null; var StepAngle = (Angle)*2*Math.PI/360; var StepAngle3D = step3D*StepAngle/8; var ThisStep3D = 0; var ColNr = 0; var ColCounter = 0; var height = 0; var width = 0; var xpos = 0; var ypos = 0; var ax = 0; var ay = 0; ns4=(document.layers)?1:0; ie4=(document.all)?1:0; dom=(document.getElementById)?1:0; gecko=(navigator.product)?1:0; unit=(ns4)?'':'px'; function nelem(id) { var no = document.createElement('DIV'); no.id = id; no.style.position = 'absolute'; no.style.top = '0px'; no.style.left = '0px'; no.style.width = size + 'px'; no.style.height = size + 'px'; no.style.fontSize = size + 'px'; no.style.backgroundColor=col[col.length-1]; document.body.appendChild(no); } var dots = new Array(); function init() { function dot(nr) { if (ie4 && !dom) { this.obj = document.all['d'+nr].style; } if (ns4) { this.obj = document.layers['d'+nr]; } if (dom) { this.obj = document.getElementById('d'+nr).style; } this.step = nr%RadStepAnz; this.cosAngle = Math.cos(i*StepAngle); this.sinAngle = Math.sin(i*StepAngle); } for (i = 0; i < anz; i++) { if (dom) { nelem('d'+i); } dots[i] = new dot(i); } height = GetClientTop()+GetClientHeight()-1; width = GetClientLeft()+GetClientWidth()-1; if (ie4) { document.onmousemove=Mouse } if (ns4) { window.captureEvents(Event.MOUSEMOVE);window.onMouseMove=Mouse; } if (gecko) { document.addEventListener('mousemove',Mouse,false) } } function Mouse(evnt) { xpos = (ie4)?event.x+document.body.scrollLeft:window.pageYOffset+evnt.pageX; ypos = (ie4)?event.y+document.body.scrollTop:window.pageYOffset+evnt.pageY; } function GetClientHeight() {return (ie4)?document.body.clientHeight:window.innerHeight;} function GetClientWidth() {return (ie4)?document.body.clientWidth:window.innerWidth;} function GetClientTop() {return (ie4)?document.body.scrollTop:window.pageYOffset;} function GetClientLeft() {return (ie4)?document.body.scrollLeft:window.pageXOffset;} function TwistnSpin() { if (step3D > 0) { ThisStep3D -= StepAngle3D; Cos3D = Math.cos(ThisStep3D); Sin3D = Math.sin(ThisStep3D); } else { Cos3D = 1; Sin3D = 1; } ay += (ypos - ay) / 10; ax += (xpos - ax) / 10; for (i = 0; i < anz; i++) { dots[i].step = (dots[i].step+1)%RadStepAnz; radius = RadMin+(dots[i].step*RadStep); var top = Math.round(ay + radius * dots[i].cosAngle * Cos3D) var left = Math.round(ax + radius * dots[i].sinAngle * Sin3D) if ( (top+size >= height) || (left+size >= width) ) { dots[i].obj.top ='-'+size+unit; dots[i].obj.left='-'+size+unit; } else { dots[i].obj.top = top + unit; dots[i].obj.left= left + unit; } } // Color-Animation if (ns4) { dots[ColCounter].obj.bgColor=col[ColNr]; } else { dots[ColCounter].obj.backgroundColor=col[ColNr]; } ColCounter++; if (ColCounter == anz) { ColCounter=0; ColNr++; } if (ColNr == col.length) ColNr=0; } function Starter() { init(); setInterval('TwistnSpin()', 25); } function resize() { var oh = height; var ow = width; height = GetClientTop()+GetClientHeight()-1; width = GetClientLeft()+GetClientWidth()-1; if ((oh!=height) || (ow!=width)) { if(ns4) location.reload(); else setTimeout('resize()',10); } } // Initialisation for ie4 & ns4 if (!dom) { for (i = 0; i < anz; i++) { if (ns4) { document.write('><LAYER NAME="d'+i+'" LEFT=0 TOP=0 BGCOLOR='+col[col.length-1]+' CLIP="0,0,'+size+','+size+'"></LAYER>'); } if (ie4) { document.write('<DIV ID=d'+i+' STYLE="position:absolute;top:0px;left:0px;width:'+size+'px;height:'+size+'px;background:'+col[col.length-1]+';font-size:3px"></DIV>'); } } } window.onresize=resize; window.onload=Starter; --</script>
Z
weifarbige Spirale
um den Mauszeiger!
Klicke HIER um Beispiel zu sehen!
- Nach oben!
<SCRIPT language="JavaScript" type="text/javascript"> <!-- Begin var m = "letzte Aktualisierung am " + document.lastModified; var p = m.length-8; document.write(m.substring(p, 0)); // End --> </SCRIPT>
Text für automatisches Update
der Homepage!
Klicke HIER um Beispiel zu sehen!
- Nach oben!
<style type="text/css"> a {text-decoration:none;} </style>
Mauszeiger wird zum Kreuz!
- Nach oben!
Einfügen zwischen HEAD und HEAD <!-- Html start --> <HEAD> <script LANGUAGE="JavaScript" TYPE="text/javascript"> <!-- if (document.layers){ window.captureEvents(Event.MOUSEDOWN | Event.MOUSEUP) window.onmousedown=rightclick; window.onmouseup=rightclick; function rightclick(e) { if (e.which == 3) { // Put right mouse code here alert('COPYRIGHT!'); return false; } else { return true; } } } if (document.all){ function click() { if (event.button==2) { alert('COPYRIGHT!') } if (event.button==3) { alert('COPYRIGHT!')} } document.onmousedown=click } // --> </script> </HEAD> <!-- html ende -->
Code für
Rechtsklicks
perre!
- Nach oben!
<img alt="momentaner ICQ Status - grün=online, rot=offline" border="0" src="http://online.mirabilis.com/scripts/online.dll?icq=DeineICQNummerhiereinsetzten&img=2">
Man sieht bei ICQ Besitzern ob er online oder offline ist
- Nach oben!
<table border=1 cellpadding=2 cellspacing=0 bgcolor=#000000><tr><td> <table border=1 cellpadding=2 cellspacing=0 bgcolor=#999999><tr><td> <table border=1 cellpadding=2 cellspacing=0 bgcolor=#C0C0C0><tr><td> <table border=1 cellpadding=2 cellspacing=0 bgcolor=#C0C0C0><tr><td><img src=urls/name-des-bildes.gif></td></tr> </table></td></tr> </table></td></tr> </table></td></tr> </table>
Grauer Bilderrahmen um Bilder
- Nach oben!
<script LANGUAGE="JavaScript"> function GetCookie (name) { var arg = name + "="; var alen = arg.length; var clen = document.cookie.length; var i = 0; while (i < clen) { var j = i + alen; if (document.cookie.substring(i, j) == arg) return getCookieVal (j); i = document.cookie.indexOf(" ", i) + 1; if (i == 0) break; } return null; } function SetCookie (name, value) { var argv = SetCookie.arguments; var argc = SetCookie.arguments.length; var expires = (argc > 2) ? argv[2] : null; var path = (argc > 3) ? argv[3] : null; var domain = (argc > 4) ? argv[4] : null; var secure = (argc > 5) ? argv[5] : false; document.cookie = name + "=" + escape (value) + ((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + ((path == null) ? "" : ("; path=" + path)) + ((domain == null) ? "" : ("; domain=" + domain)) + ((secure == true) ? "; secure" : ""); } function DeleteCookie (name) { var exp = new Date(); exp.setTime (exp.getTime() - 1); var cval = GetCookie (name); document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString(); } var expDays = 30; var exp = new Date(); exp.setTime(exp.getTime() + (expDays*24*60*60*1000)); function amt(){ var count = GetCookie('count') if(count == null) { SetCookie('count','1') return 1 } else { var newcount = parseInt(count) + 1; DeleteCookie('count') SetCookie('count',newcount,exp) return count } } function getCookieVal(offset) { var endstr = document.cookie.indexOf (";", offset); if (endstr == -1) endstr = document.cookie.length; return unescape(document.cookie.substring(offset, endstr)); } </SCRIP> <SCRIPT LANGUAGE="JavaScript"> document.write("Du warst schon <b>" + amt() + "</b>x hier.") </SCRIPT >
Zeigt an, wie oft der Besucher schon auf der Seite war
- Nach oben!
<form> <p align="left"><font face="Verdana" size="1"> <input type="button" value="Quelltext ansehen" onclick="window.location = "view-source:" + window.location.href"> </font></p> </form>
Button um Quelltext anzusehen
- Nach oben!
<A href="http://www.beepworld.de/memberdateien/membersX/nickname/dateiname.jpg"><img src=http://www.beepworld.de/memberdateien/membersX/nickname/dateiname.jpg" Border="0" height="100" ></A>
Code für Bildergalerie
- Nach oben!
<a href="javascript:history.forward()"onMouseOver="window.status='Vorwärts';return true;" onMouseOut="window.status=''">Vor</a>
Vor-Button
- Nach oben!
<a href="javascript:history.back()"onMouseOver="window.status='Zurück';return true;" onMouseOut="window.status=''">Zurrück</a>
Zurück-Button
- Nach oben!
<html> <BODY TEXT="#FFFFFF" LINK="#FFFFFF" VLINK="#999999" ALINK="#00FF00" BGCOLOR="#000000" onload="startBanner()"> <Center> <script language="JavaScript"><!-- // Hide the script from old browsers -- var speed = 10 var pause = 1500 var timerID = null var bannerRunning = false var ar = new Array() ar[0] = "Willkommen" ar[1] = "bei" ar[2] = "Mauscodes.de" ar[3] = "Die Seite für einfache Java-Codes" var message = 0 var state = "" clearState() function stopBanner() { if (bannerRunning) clearTimeout(timerID) bannerRunning = false } function startBanner() { stopBanner() <!-- Dieses Script wurde erhalten bei http://www.mauscodes.de --!> showBanner() } function clearState() { state = "" for (var i = 0; i < ar[message].length; ++i) { state += "0" } } function showBanner() { if (getString()) { message++ if (ar.length <= message) message = 0 clearState() timerID = setTimeout("showBanner()", pause) bannerRunning = true } else { var str = "" for (var j = 0; j < state.length; ++j) { str += (state.charAt(j) == "1") ? ar[message].charAt(j) : " " } window.status = str timerID = setTimeout("showBanner()", speed) bannerRunning = true } } function getString() { var full = true for (var j = 0; j < state.length; ++j) { if (state.charAt(j) == 0) full = false } if (full) return true while (1) { var num = getRandom(ar[message].length) if (state.charAt(num) == "0") break } state = state.substring(0, num) + "1" + state.substring(num + 1, state.length) return false } function getRandom(max) { return Math.round((max - 1) * Math.random()) } // -- End Hiding Here // --></script> </center> </body> </html>
Buchstaben bauen sich einzeln auf (in der Statusleiste)
- Nach oben!
<html> <BODY TEXT="#FFFFFF" BGCOLOR="#000000"> <!-- Dieses Script wurde erhalten bei http://www.mauscodes.de --!> <Center> <A href="http://" onmouseout="window.status='';return true" onmouseover="window.status='Statuszeilentext';return true;">Schau auf die Statuszeile</A> </CENTER> </BODY> </HTML></textarea> <textarea cols="50" rows="3">dein text</textarea> <textarea cols="50" rows="3"><BODY TEXT="#FFFFFF" BGCOLOR="#000000" onload="banner()"> <script language="JavaScript"> <!-- <!-- Dieses Script wurde erhalten bei http://www.mauscodes.de --!> var i = 0; var TextNumber = 0; var Text = ""; var Speed=100 var TimerId; TextInput = new Array(); TextInput[0] = "Hier steht der Statuszeilentext" TextInput[1] = "So, here is the text" TextInput[2] = "COOOOLLLL" TextInput[3] = "www.mauscodes.de" //beliebig erweiterbar TotalTextInput = TextInput.length; var HelpText=TextInput[0]; for (var Tomer = 0; Tomer <= TotalTextInput; Tomer++) { TextInput[Tomer]+=" "} function banner() { i++; var CheckSpace = HelpText.substring(i-1, i); CheckSpace = "" + CheckSpace; if (CheckSpace == " ") {i++;} if (i >= HelpText.length+1) { i=0; if (TextNumber >= TotalTextInput-1) {TextNumber = 0;} else {TextNumber++;} Text = TextInput[TextNumber] HelpText = Text;} Text = HelpText.substring(0, i); TimerId = setTimeout("banner()", Speed) window.status=Text; } function back() {var xy=window.history.back();} //--> </script> </body> </html>
Statt der URL erscheint dein Text beim drüberfahren eins Links (in der Statusleiste)
- Nach oben!
<html> <BODY TEXT="#FFFFFF" LINK="#FFFFFF" VLINK="#999999" ALINK="#00FF00" BGCOLOR="#000000" onload="pingpong();"> <Center> <script language="JavaScript"> <!-- /* MjM'S JAVA CODENAME = PINGPONG This JavaScript Code was written by MjM for Hyperchat UK I am not responsible for any damage caused by my code. This code can be modified as long as the Author's Name is still attached. Email : MjM@hyperchat.co.uk © Copyright 1996 */ //Dieses Skript stammt vom Mauscodetester //URL: http://www.mauscodes.de -- eMail: webmaster@mauscodes.de //Bitte entfernen Sie diesen Vermerk nicht ! var yourwords = "* www.mauscodetester.de.vu *"; var buffer1=" ** "; var buffer2=" ** "; var message1=buffer1+yourwords+buffer2; var dir = "left"; var speed = 75; function pingpong() { if (dir == "left") { message2=message1.substring(2,message1.length)+" "; window.status=message2; setTimeout("pingpong();",speed); message1=message2; if (message1.substring(0,1) == "*") dir="right"; } else { message2=" "+message1.substring(0,message1.length-2); window.status=message2; setTimeout("pingpong();",speed); message1=message2; if (message1.substring(message1.length-1,message1.length) == "*") dir="left"; } } // --> </script> </head> </center> </body> </html>
Der Text bewegt sich hin und her (in der Statusleiste)
- Nach oben!
<script LANGUAGE="JavaScript"> <!--Modifiziert von Masucodetester http://www.beepworld.de/members6/mauscodetester--> <!-- Begin var osd = " " osd +="++ HIER EUREN TEXT EINSETZTEN ++"; osd +="++ HIER NOCHNEN TEXT EINSETZTEN ODER DIE ZEILE LÖSCHEN ++"; var timer; var msg = ""; function scrollMaster () { msg = customDateSpring(new Date()) clearTimeout(timer) msg += " " + showtime() + " " + osd for (var i= 0; i < 100; i++){ msg = " " + msg; } scrollMe() } function scrollMe(){ window.status = msg; msg = msg.substring(1, msg.length) + msg.substring(0,1); timer = setTimeout("scrollMe()", 50); } function showtime (){ var now = new Date(); var hours= now.getHours(); var minutes= now.getMinutes(); var seconds= now.getSeconds(); var months= now.getMonth(); var dates= now.getDate(); var years= now.getYear(); var timeValue = "" timeValue += ((months >9) ? "" : " ") timeValue += ((dates >9) ? "" : " ") timeValue = ( months +1) timeValue +="/"+ dates timeValue +="/"+ years var timeValue2 = " " + hours timeValue2 += ((minutes < 10) ? ":0":":") + minutes + " Uhr " return timeValue2; } function MakeArray(n) { this.length = n return this } monthNames = new MakeArray(12) monthNames[1] = "Januar" monthNames[2] = "Februar" monthNames[3] = "März" monthNames[4] = "April" monthNames[5] = "Mai" monthNames[6] = "Juni" monthNames[7] = "Juli" monthNames[8] = "August" monthNames[9] = "September" monthNames[10] = "Oktober" monthNames[11] = "November" monthNames[12] = "Dezember" daysNames = new MakeArray(7) daysNames[1] = "Sonntag" daysNames[2] = "Montag" daysNames[3] = "Dienstag" daysNames[4] = "Mittwoch" daysNames[5] = "Donnerstag" daysNames[6] = "Freitag" daysNames[7] = "Samstag" function customDateSpring(oneDate) { var theDay = daysNames[oneDate.getDay() +1] var theDate =oneDate.getDate() var theMonth = monthNames[oneDate.getMonth() +1] return theDay + ", " + theDate + "." + theMonth + "," } scrollMaster(); // End --> </script>
Beweglicher Text in der Statuszeile
- Nach oben!
<SCRIPT LANGUAGE="JavaScript"> <!-- window.status="HIER EUREN TEXT REINSCHREIBEN" // --> </SCRIPT>
Dein Text in der Statuszeile
- Nach oben!
<script language="JavaScript"> <!-- var Jetzt = new Date(); var Tag = Jetzt.getDate(); var Wochentag = Jetzt.getDay(); Wochentagname = new Array ("Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"); var Monat = Jetzt.getMonth(); Monatsname = new Array ("Januar","Februar","März","April","Mai","Juni","Juli","August","Septemper","Oktober","November","Dezember"); var Jahr = Jetzt.getYear(); if (Jahr<=1900) Jahr=Jahr+1900; var Stunden = Jetzt.getHours(); var Minuten = Jetzt.getMinutes(); var NachVoll = ((Minuten < 10) ? ":0" : ":"); document.write("<H3><center>Hallo!<BR>Wir haben heute " + Wochentagname[Wochentag] + ", den " + Tag + "." + Monatsname[Monat] + " " + Jahr + ".<BR>"); document.write("Es ist jetzt " + Stunden + NachVoll + Minuten + " Uhr und es wird immer später )<p></center></H3>"); // --> </script>
Zeigt Datum, Uhrzeit und lustigen Text an
- Nach oben!
<script language="JavaScript"> //<!-- var datum = new Date() var std = datum.getHours() function Uhr_anzeigen() { var Datum = new Date() var std = Datum.getHours() var min = Datum.getMinutes() var sec = Datum.getSeconds() Zeit = ((std < 10) ? " 0" : " ") + std Zeit += ((min < 10) ? ":0" : ":") + min Zeit += ((sec < 10) ? ":0" : ":") + sec Zeit += " Uhr" document.uhr.zeit.value = Zeit timerid = setTimeout("Uhr_anzeigen()",1000) } //--> </script> <form NAME="uhr"> <b><p><input TYPE="text" NAME="zeit" SIZE="10" VALUE></p> </b> </form> <script LANGUAGE="JavaScript"> //<!-- Uhr_anzeigen(); //--> </script>
Zeigt die Uhrzeit in einem Kasten an
- Nach oben!
<body onload="DigitalTime()""> <div align="left"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="100%" height="30"><span id="liveclock" style="position:absolute;left:10px;top:10px;"><script language="JavaScript"><!-- function DigitalTime() { if(!document.layers && !document.all) return var DigitalClock = new Date(); var hours = DigitalClock.getHours(); var minutes = DigitalClock.getMinutes(); var seconds = DigitalClock.getSeconds(); if (minutes <= 9) minutes = "0" + minutes; if (seconds <= 9) seconds = "0" + seconds; //change font size here to your desire digclock = "<font size='5' face='Arial' color='black'><b>" + "<font size='1'>Aktuelle Zeit:</font></br>" + hours + ":" + minutes + ":" + seconds + "</a></b></font>"; if (document.layers) { document.layers.liveclock.document.write(digclock); document.layers.liveclock.document.close(); } else if (document.all) liveclock.innerHTML = digclock; setTimeout("DigitalTime()",1000) } // --></script></span></td> </tr> </table> </div>
Zeigt die Uhrzeit an
- Nach oben!
<OBJECT ID="MediaPlayer" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" CODEBASE= "http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" width="150" height="50" standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject"> <PARAM NAME="FileName" VALUE="http://kissfm.unit.net/stream-wmt-spot.cfm?preStream=0&stream=34&spot=0"> <PARAM NAME="TransparentAtStart" Value="true"> <PARAM NAME="AutoStart" Value="true"> <PARAM NAME="AnimationatStart" Value="false"> <PARAM NAME="ShowStatusBar" Value="true"> <PARAM NAME="ShowControls" Value="true"> <PARAM NAME="autoSize" Value="false"> <PARAM NAME="displaySize" Value="false"> <PARAM NAME="ShowAudioControls" Value="true"> <PARAM NAME="ShowPositionControls" Value="false"> <Embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/" src="http://kissfm.unit.net/stream-wmt-spot.cfm?preStream=0&stream=34&spot=0" Name="MediaPlayer" width="150" height="50" transparentAtStart="1" autostart="1" animationAtStart="0" ShowControls="true" ShowAudioControls="1" ShowPositionControls="0" autoSize="0" ShowStatusBar="1" displaySize="false"></embed></OBJECT>
Kiss FM Live aus Berlin
- Nach oben!
<OBJECT ID="MediaPlayer" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" CODEBASE= "http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" width="150" height="50" standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject"> <PARAM NAME="FileName" VALUE="http://104.6rtl.unit.net/stream-wmt-spot.cfm?preStream=0&stream=45&spot=0"> <PARAM NAME="TransparentAtStart" Value="true"> <PARAM NAME="AutoStart" Value="true"> <PARAM NAME="AnimationatStart" Value="false"> <PARAM NAME="ShowStatusBar" Value="true"> <PARAM NAME="ShowControls" Value="true"> <PARAM NAME="autoSize" Value="false"> <PARAM NAME="displaySize" Value="false"> <PARAM NAME="ShowAudioControls" Value="true"> <PARAM NAME="ShowPositionControls" Value="false"> <Embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/" src="http://104.6rtl.unit.net/stream-wmt-spot.cfm?preStream=0&stream=45&spot=0" Name="MediaPlayer" width="150" height="50" transparentAtStart="1" autostart="1" animationAtStart="0" ShowControls="true" ShowAudioControls="1" ShowPositionControls="0" autoSize="0" ShowStatusBar="1" displaySize="false"></embed></OBJECT>
RTL Live aus Berlin
- Nach oben!
<OBJECT ID="MediaPlayer" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" CODEBASE= "http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" width="150" height="50" standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject"> <PARAM NAME="FileName" VALUE="http://radiohamburg.unit.net/stream-wmt-spot.cfm?preStream=0&stream=70&spot=0"> <PARAM NAME="TransparentAtStart" Value="true"> <PARAM NAME="AutoStart" Value="true"> <PARAM NAME="AnimationatStart" Value="false"> <PARAM NAME="ShowStatusBar" Value="true"> <PARAM NAME="ShowControls" Value="true"> <PARAM NAME="autoSize" Value="false"> <PARAM NAME="displaySize" Value="false"> <PARAM NAME="ShowAudioControls" Value="true"> <PARAM NAME="ShowPositionControls" Value="false"> <Embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/" src="http://radiohamburg.unit.net/stream-wmt-spot.cfm?preStream=0&stream=70&spot=0" Name="MediaPlayer" width="150" height="50" transparentAtStart="1" autostart="1" animationAtStart="0" ShowControls="true" ShowAudioControls="1" ShowPositionControls="0" autoSize="0" ShowStatusBar="1" displaySize="false"></embed></OBJECT>
Radio Hamburg
- Nach oben!
<OBJECT ID="MediaPlayer" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" CODEBASE= "http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" width="150" height="50" standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject"> <PARAM NAME="FileName" VALUE="http://www.funkhaus.de/webradio/n1.asx"> <PARAM NAME="TransparentAtStart" Value="true"> <PARAM NAME="AutoStart" Value="true"> <PARAM NAME="AnimationatStart" Value="false"> <PARAM NAME="ShowStatusBar" Value="true"> <PARAM NAME="ShowControls" Value="true"> <PARAM NAME="autoSize" Value="false"> <PARAM NAME="displaySize" Value="false"> <PARAM NAME="ShowAudioControls" Value="true"> <PARAM NAME="ShowPositionControls" Value="false"> <Embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/" src="http://www.funkhaus.de/webradio/n1.asx" Name="MediaPlayer" width="150" height="50" transparentAtStart="1" autostart="1" animationAtStart="0" ShowControls="true" ShowAudioControls="1" ShowPositionControls="0" autoSize="0" ShowStatusBar="1" displaySize="false"></embed></OBJECT>
Hit Radio N1
- Nach oben!
<OBJECT ID="MediaPlayer" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" CODEBASE= "http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" width="150" height="50" standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject"> <PARAM NAME="FileName" VALUE="http://antenne.unit.net/antennebayern_high/stream-wmt-spot.cfm?preStream=0&stream=298&spot=0"> <PARAM NAME="TransparentAtStart" Value="true"> <PARAM NAME="AutoStart" Value="true"> <PARAM NAME="AnimationatStart" Value="false"> <PARAM NAME="ShowStatusBar" Value="true"> <PARAM NAME="ShowControls" Value="true"> <PARAM NAME="autoSize" Value="false"> <PARAM NAME="displaySize" Value="false"> <PARAM NAME="ShowAudioControls" Value="true"> <PARAM NAME="ShowPositionControls" Value="false"> <Embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/" src="http://antenne.unit.net/antennebayern_high/stream-wmt-spot.cfm?preStream=0&stream=298&spot=0" Name="MediaPlayer" width="150" height="50" transparentAtStart="1" autostart="1" animationAtStart="0" ShowControls="true" ShowAudioControls="1" ShowPositionControls="0" autoSize="0" ShowStatusBar="1" displaySize="false"></embed></OBJECT>
Antenne Bayern Live aus München
- Nach oben!
<OBJECT id=NSPlay style="WIDTH: 132px; HEIGHT: 50px" codeBase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 type=application/x-oleobject height=50 standby="Loading Microsoft Windows Media Player components..." width=132 classid=clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95><PARAM NAME="AudioStream" VALUE="-1"><PARAM NAME="AutoSize" VALUE="0"><PARAM NAME="AutoStart" VALUE="-1"><PARAM NAME="AnimationAtStart" VALUE="-1"><PARAM NAME="AllowScan" VALUE="-1"><PARAM NAME="AllowChangeDisplaySize" VALUE="-1"><PARAM NAME="AutoRewind" VALUE="0"><PARAM NAME="Balance" VALUE="0"><PARAM NAME="BaseURL" VALUE=""><PARAM NAME="BufferingTime" VALUE="5"><PARAM NAME="CaptioningID" VALUE=""><PARAM NAME="ClickToPlay" VALUE="-1"><PARAM NAME="CursorType" VALUE="0"><PARAM NAME="CurrentPosition" VALUE="0"><PARAM NAME="CurrentMarker" VALUE="0"><PARAM NAME="DefaultFrame" VALUE=""><PARAM NAME="DisplayBackColor" VALUE="0"><PARAM NAME="DisplayForeColor" VALUE="16777215"><PARAM NAME="DisplayMode" VALUE="0"><PARAM NAME="DisplaySize" VALUE="4"><PARAM NAME="Enabled" VALUE="-1"><PARAM NAME="EnableContextMenu" VALUE="-1"><PARAM NAME="EnablePositionControls" VALUE="-1"><PARAM NAME="EnableFullScreenControls" VALUE="0"><PARAM NAME="EnableTracker" VALUE="-1"><PARAM NAME="Filename" VALUE="mms://195.222.235.148/energy971"><PARAM NAME="InvokeURLs" VALUE="-1"><PARAM NAME="Language" VALUE="-1"><PARAM NAME="Mute" VALUE="0"><PARAM NAME="PlayCount" VALUE="1"><PARAM NAME="PreviewMode" VALUE="0"><PARAM NAME="Rate" VALUE="1"><PARAM NAME="SAMILang" VALUE=""><PARAM NAME="SAMIStyle" VALUE=""><PARAM NAME="SAMIFileName" VALUE=""><PARAM NAME="SelectionStart" VALUE="-1"><PARAM NAME="SelectionEnd" VALUE="-1"><PARAM NAME="SendOpenStateChangeEvents" VALUE="-1"><PARAM NAME="SendWarningEvents" VALUE="-1"><PARAM NAME="SendErrorEvents" VALUE="-1"><PARAM NAME="SendKeyboardEvents" VALUE="0"><PARAM NAME="SendMouseClickEvents" VALUE="0"><PARAM NAME="SendMouseMoveEvents" VALUE="0"><PARAM NAME="SendPlayStateChangeEvents" VALUE="-1"><PARAM NAME="ShowCaptioning" VALUE="0"><PARAM NAME="ShowControls" VALUE="-1"><PARAM NAME="ShowAudioControls" VALUE="-1"><PARAM NAME="ShowDisplay" VALUE="0"><PARAM NAME="ShowGotoBar" VALUE="0"><PARAM NAME="ShowPositionControls" VALUE="-1"><PARAM NAME="ShowStatusBar" VALUE="-1"><PARAM NAME="ShowTracker" VALUE="-1"><PARAM NAME="TransparentAtStart" VALUE="0"><PARAM NAME="VideoBorderWidth" VALUE="0"><PARAM NAME="VideoBorderColor" VALUE="0"><PARAM NAME="VideoBorder3D" VALUE="0"><PARAM NAME="Volume" VALUE="0"><PARAM NAME="WindowlessVideo" VALUE="0"> <br><embed type="application/x-mplayer2" <br>pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/" <br>filename="energy971_mms.asx" <br>src="http://www.energy971.de/hamburg/audio/energy971_mms.asx" name="NSPlay" <br>showcontrols="1" showdisplay="0" showstatusbar="0" width="150" height="50"></embed></OBJECT>
Energy Live aus Hamburg
- Nach oben!
<OBJECT ID="MediaPlayer" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" CODEBASE= "http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" width="150" height="50" standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject"> <PARAM NAME="FileName" VALUE="http://ffh.unit.net/stream-wmt-spot.cfm?preStream=0&stream=16&spot=0"> <PARAM NAME="TransparentAtStart" Value="true"> <PARAM NAME="AutoStart" Value="true"> <PARAM NAME="AnimationatStart" Value="false"> <PARAM NAME="ShowStatusBar" Value="true"> <PARAM NAME="ShowControls" Value="true"> <PARAM NAME="autoSize" Value="false"> <PARAM NAME="displaySize" Value="false"> <PARAM NAME="ShowAudioControls" Value="true"> <PARAM NAME="ShowPositionControls" Value="false"> <Embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/" src="http://ffh.unit.net/stream-wmt-spot.cfm?preStream=0&stream=16&spot=0" Name="MediaPlayer" width="150" height="50" transparentAtStart="1" autostart="1" animationAtStart="0" ShowControls="true" ShowAudioControls="1" ShowPositionControls="0" autoSize="0" ShowStatusBar="1" displaySize="false"></embed></OBJECT>
FFH Live aus Frankfurt
- Nach oben!
<html> <BODY TEXT="#FFFFFF" LINK="#FFFFFF" VLINK="#999999" ALINK="#00FF00" BGCOLOR="#000000"> <Center> <script Language="JavaScript"> <!-- function scrollit() {for (I=1; I<=1200; I++) window.scroll(1,I);} //--> </script> <title>JavaScript Beispiel - Scrollen auf Buttonklick</title> </head> <p align="center"><br> <big><big><big>JavaScript Beispiel - Scrollen per Mausklick</big></big></big></p> <form> <div align="center"><center><p><input type="button" value="Klicke hier um zu Scrollen" onClick="scrollit()"> </p> </center></div> </form> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p align="center"><big><strong>Is doch ganz nett oder?</strong></big></p> </center> </body> </html>
Bei klick auf einen Button scrollt das Fenster automatisch nach unten
- Nach oben!
<html> <body bgcolor=#000000 text=#ffffff link=#ccff88 vlink=ccff88 alink=#ccff88> <script> // (C) 2000 by CodeLifter.com // http://www.codelifter.com // Free for all users, but leave in this header // blink speed in miliseconds var rate = 333; // true to start automatically, else false var DoIt = true // the three blink colors var Color1 = "#FF0000" var Color2 = "#00FF00" var Color3 = "#0000FF" // the color if/when turned off var ColorX = "#C0C0C0" var i = 0; function doTriStateRainbow(){ if (document.all){ if (DoIt){ i++; if (i==1) C = Color1 if (i==2) C = Color2 if (i==3) C = Color3 document.body.style.scrollbarBaseColor = C if (i>2) i=0; timer=setTimeout('doTriStateRainbow()', rate) }else{ document.body.style.scrollbarBaseColor = ColorX } } } </script> <body onload="doTriStateRainbow()"> Blinkende Scroll-Leiste aus und an schalten<BR> <a href="#" onClick="DoIt=false">AUS</a> / <a href="#" onClick="DoIt=true;doTriStateRainbow()">AN</a> <BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR> </body></html>
Scrollbar wechselt ständig die Farbe
- Nach oben!
<SCRIPT language="JScript"> <!-- var scrollPct, prevStep, nextStep, interStep steps = new Array(); steps[0] = new Array(128,128,128); steps[1] = new Array(255,0,0); steps[2] = new Array(255,255,0); steps[3] = new Array(0,255,0); steps[4] = new Array(0,255,255); steps[5] = new Array(0,0,255); steps[6] = new Array(255,0,255); steps[7] = new Array(255,0,0); steps[8] = new Array(255,255,255); function newColor(chan) { var i=Math.floor(steps[prevStep][chan]+interStep*(steps[nextStep][chan]-steps[prevStep][chan])); return i; } function scrollFunk() { scrollPct=(steps.length-1)*document.body.scrollTop/(document.body.scrollHeight-document.body.clientHeight); prevStep=Math.floor(scrollPct); nextStep=Math.ceil(scrollPct); interStep=scrollPct-prevStep; var newRGB="rgb("+newColor(0)+","+newColor(1)+","+newColor(2)+")"; var invRGB="rgb("+(255-newColor(0))+","+(255-newColor(1))+","+(255-newColor(2))+")"; if (document.body.style.scrollbarTrackColor != null) { document.body.style.scrollbarFaceColor=newRGB; document.body.style.scrollbarTrackColor=invRGB; } } window.onscroll=scrollFunk; file://--> </SCRIPT>
Scrollbar wechselt beim bewegen die Farbe
- Nach oben!
<STYLE>BODY { scrollbar-face-color: red; SCROLLBAR-TRACK-COLOR: blue; scrollbar-arrow-color: black; scrollbar-base-color: #ffff33; scrollbar-shadow-color : #33cc99; SCROLLBAR-3DLIGHT-COLOR: #ff33ff; SCROLLBAR-DARKSHADOW-COLOR: #33ffff; scrollbar-highlight-color: white; } </STYLE>
Scrollbarfarben ändern
- Nach oben!
<SCRIPT LANGUAGE="JavaScript"> <!-- Dieses Script wurde erhalten bei www.mauscodes.de --> <!-- Begin var x, y, xold, yold, xdiff, ydiff; var dir = Array(); dir[0] = "n-resize"; dir[1]="ne-resize"; dir[2]="e-resize"; dir[3]="se-resize"; dir[4] = "s-resize"; dir[5]="sw-resize"; dir[6]="w-resize"; dir[7]="nw-resize"; document.onmousemove = FindXY; function display(direction) { document.body.style.cursor = dir[direction]; } function FindXY(loc) { x = (document.layers) ? loc.pageX : event.clientX; y = (document.layers) ? loc.pageY : event.clientY; xdiff = x - xold; ydiff = y - yold if ((xdiff < 2) && (ydiff < -2)) display(0); if ((xdiff < 2) && (ydiff > 2)) display(4); if ((xdiff > 2) && (ydiff < 2)) display(2); if ((xdiff < -2) && (ydiff < 2)) display(6); if ((xdiff > 2) && (ydiff > 2)) display(3); if ((xdiff > 2) && (ydiff < -2)) display(1); if ((xdiff < -2) && (ydiff > 2)) display(5); if ((xdiff < -2) && (ydiff < -2)) display(7); xold = x; yold = y; } // End --> </script>
Maus zeigt immer in die Richtung
- Nach oben!
<script language="javascript"> B=document.all;C=document.layers; T1=new Array("http://www.beepworld2.de/memberdateien/members5/ollisucht/sonne.gif",35,35) nos=parseInt(T1.length/3) file://rate=100000 for (i=0;i<nos;i++){createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")} function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){with (document){write((!B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute; left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; ");if(St){if (C)write(" style='");write(St+";' ")}else write((B)?"'":"");write((At) ? At+">" : ">");write((HT) ? HT : "");if (!Op)closeContainer(N)}} function closeContainer(){document.write((B)?"</div>":"</layer>")} function getXpos(N){return (B) ? parseInt(B[N].style.left) : C[N].left} function getYpos(N){return (B) ? parseInt(B[N].style.top) : C[N].top} function moveContainer(N,DX,DY){c=(B) ? B[N].style : C[N];c.left=DX;c.top=DY} function cycle(){for (i=0;i<(nos-1);i++){moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1)))}} function newPos(e){moveContainer("CUR"+(nos-1),((B)?event.clientX+document.body.scrollLeft:e.pageX)+2,((B)?event.clientY+document.body.scrollTop:e.pageY)+2)} if(document.layers)document.captureEvents(Event.MOUSEMOVE) else if (B)document.body.onscroll=newPos document.onmousemove=newPos file://setInterval("cycle()",rate); </script>
Maus wird von einer lachenden Sonne verfolgt
- Nach oben!
<script language="javascript"> B=document.all;C=document.layers; T1=new Array("http://www.beepworld2.de/memberdateien/members5/ollisucht/fisch.gif",35,35) nos=parseInt(T1.length/3) file://rate=100000 for (i=0;i<nos;i++){createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")} function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){with (document){write((!B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute; left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; ");if(St){if (C)write(" style='");write(St+";' ")}else write((B)?"'":"");write((At) ? At+">" : ">");write((HT) ? HT : "");if (!Op)closeContainer(N)}} function closeContainer(){document.write((B)?"</div>":"</layer>")} function getXpos(N){return (B) ? parseInt(B[N].style.left) : C[N].left} function getYpos(N){return (B) ? parseInt(B[N].style.top) : C[N].top} function moveContainer(N,DX,DY){c=(B) ? B[N].style : C[N];c.left=DX;c.top=DY} function cycle(){for (i=0;i<(nos-1);i++){moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1)))}} function newPos(e){moveContainer("CUR"+(nos-1),((B)?event.clientX+document.body.scrollLeft:e.pageX)+2,((B)?event.clientY+document.body.scrollTop:e.pageY)+2)} if(document.layers)document.captureEvents(Event.MOUSEMOVE) else if (B)document.body.onscroll=newPos document.onmousemove=newPos file://setInterval("cycle()",rate); </script>
Ein Fisch folgt dem Mauszeiger
- Nach oben!
<script language="javascript"> B=document.all;C=document.layers; T1=new Array("http://www.beepworld2.de/memberdateien/members5/ollisucht/alien.gif",35,35) nos=parseInt(T1.length/3) file://rate=100000 for (i=0;i<nos;i++){createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")} function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){with (document){write((!B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute; left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; ");if(St){if (C)write(" style='");write(St+";' ")}else write((B)?"'":"");write((At) ? At+">" : ">");write((HT) ? HT : "");if (!Op)closeContainer(N)}} function closeContainer(){document.write((B)?"</div>":"</layer>")} function getXpos(N){return (B) ? parseInt(B[N].style.left) : C[N].left} function getYpos(N){return (B) ? parseInt(B[N].style.top) : C[N].top} function moveContainer(N,DX,DY){c=(B) ? B[N].style : C[N];c.left=DX;c.top=DY} function cycle(){for (i=0;i<(nos-1);i++){moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1)))}} function newPos(e){moveContainer("CUR"+(nos-1),((B)?event.clientX+document.body.scrollLeft:e.pageX)+2,((B)?event.clientY+document.body.scrollTop:e.pageY)+2)} if(document.layers)document.captureEvents(Event.MOUSEMOVE) else if (B)document.body.onscroll=newPos document.onmousemove=newPos file://setInterval("cycle()",rate); </script>
Ein Alien folgt dem Mauszeiger
- Nach oben!
<div id="dot0" style="position: absolute; visibility: hidden; height: 11; width: 11;"><img src="smile.gif" height=11 width=11></div> <div id="dot1" style="position: absolute; height: 11; width: 11;"><img src="http://www.beepworld2.de/memberdateien/members9/gamez-world/smile.gif" height=11 width=11></div> <div id="dot2" style="position: absolute; height: 11; width: 11;"><img src="http://www.beepworld2.de/memberdateien/members9/gamez-world/smile.gif" height=11 width=11></div> <div id="dot3" style="position: absolute; height: 11; width: 11;"><img src="http://www.beepworld2.de/memberdateien/members9/gamez-world/smile.gif" height=11 width=11></div> <div id="dot4" style="position: absolute; height: 11; width: 11;"><img src="http://www.beepworld2.de/memberdateien/members9/gamez-world/smile.gif" height=11 width=11></div> <div id="dot5" style="position: absolute; height: 11; width: 11;"><img src="http://www.beepworld2.de/memberdateien/members9/gamez-world/smile.gif" height=11 width=11></div> <div id="dot6" style="position: absolute; height: 11; width: 11;"><img src="http://www.beepworld2.de/memberdateien/members9/gamez-world/smile.gif" height=11 width=11></div> <script LANGUAGE="JavaScript"> <!-- hide code /* Elastic Trail script (By Philip Winston @ pwinston@yahoo.com, URL:http://members.xoom.com/ebullets) Script featured on Dynamicdrive.com For this and 100's more DHTML scripts, visit http://dynamicdrive.com */ // Thanks to Troels Jakobsen <tjak@get2net.dk> // for fix which makes it work when the page is scrolled var nDots = 7; if (document.all&&window.print) document.body.style.cssText="overflow-x:hidden;overflow-y:scroll" var Xpos = 0; var Ypos = 0; // fixed time step, no relation to real time var DELTAT = .01; // size of one spring in pixels var SEGLEN = 10; // spring constant, stiffness of springs var SPRINGK = 10; // all the physics is bogus, just picked stuff to // make it look okay var MASS = 1; var GRAVITY = 50; var RESISTANCE = 10; // stopping criterea to prevent endless jittering // doesn't work when sitting on bottom since floor // doesn't push back so acceleration always as big // as gravity var STOPVEL = 0.1; var STOPACC = 0.1; var DOTSIZE = 11; // BOUNCE is percent of velocity retained when // bouncing off a wall var BOUNCE = 0.75; var isNetscape = navigator.appName=="Netscape"; // always on for now, could be played with to // let dots fall to botton, get thrown, etc. var followmouse = true; var dots = new Array(); init(); function init() { var i = 0; for (i = 0; i < nDots; i++) { dots[i] = new dot(i); } if (!isNetscape) { // I only know how to read the locations of the // <LI> items in IE file://skip this for now // setInitPositions(dots) } // set their positions for (i = 0; i < nDots; i++) { dots[i].obj.left = dots[i].X; dots[i].obj.top = dots[i].Y; } if (isNetscape) { // start right away since they are positioned // at 0, 0 startanimate(); } else { // let dots sit there for a few seconds // since they're hiding on the real bullets setTimeout("startanimate()", 2000); } } function dot(i) { this.X = Xpos; this.Y = Ypos; this.dx = 0; this.dy = 0; if (isNetscape) { this.obj = eval("document.dot" + i); } else { this.obj = eval("dot" + i + ".style"); } } function startanimate() { setInterval("animate()", 20); } // This is to line up the bullets with actual LI tags on the page // Had to add -DOTSIZE to X and 2*DOTSIZE to Y for IE 5, not sure why // Still doesn't work great function setInitPositions(dots) { // initialize dot positions to be on top // of the bullets in the <ul> var startloc = document.all.tags("LI"); var i = 0; for (i = 0; i < startloc.length && i < (nDots - 1); i++) { dots[i+1].X = startloc[i].offsetLeft startloc[i].offsetParent.offsetLeft - DOTSIZE; dots[i+1].Y = startloc[i].offsetTop + startloc[i].offsetParent.offsetTop + 2*DOTSIZE; } // put 0th dot above 1st (it is hidden) dots[0].X = dots[1].X; dots[0].Y = dots[1].Y - SEGLEN; } // just save mouse position for animate() to use function MoveHandler(e) { Xpos = e.pageX; Ypos = e.pageY; return true; } // just save mouse position for animate() to use function MoveHandlerIE() { Xpos = window.event.x + document.body.scrollLeft; Ypos = window.event.y + document.body.scrollTop; } if (isNetscape) { document.captureEvents(Event.MOUSEMOVE); document.onMouseMove = MoveHandler; } else { document.onmousemove = MoveHandlerIE; } function vec(X, Y) { this.X = X; this.Y = Y; } // adds force in X and Y to spring for dot[i] on dot[j] function springForce(i, j, spring) { var dx = (dots[i].X - dots[j].X); var dy = (dots[i].Y - dots[j].Y); var len = Math.sqrt(dx*dx + dy*dy); if (len > SEGLEN) { var springF = SPRINGK * (len - SEGLEN); spring.X += (dx / len) * springF; spring.Y += (dy / len) * springF; } } function animate() { // dots[0] follows the mouse, // though no dot is drawn there var start = 0; if (followmouse) { dots[0].X = Xpos; dots[0].Y = Ypos; start = 1; } for (i = start ; i < nDots; i++ ) { var spring = new vec(0, 0); if (i > 0) { springForce(i-1, i, spring); } if (i < (nDots - 1)) { springForce(i+1, i, spring); } // air resisitance/friction var resist = new vec(-dots[i].dx * RESISTANCE, -dots[i].dy * RESISTANCE); // compute new accel, including gravity var accel = new vec((spring.X + resist.X)/ MASS, (spring.Y + resist.Y)/ MASS + GRAVITY); // compute new velocity dots[i].dx += (DELTAT * accel.X); dots[i].dy += (DELTAT * accel.Y); // stop dead so it doesn't jitter when nearly still if (Math.abs(dots[i].dx) < STOPVEL && Math.abs(dots[i].dy) < STOPVEL && Math.abs(accel.X) < STOPACC && Math.abs(accel.Y) < STOPACC) { dots[i].dx = 0; dots[i].dy = 0; } // move to new position dots[i].X += dots[i].dx; dots[i].Y += dots[i].dy; // get size of window var height, width; if (isNetscape) { height = window.innerHeight + document.scrollTop; width = window.innerWidth + document.scrollLeft; } else { height = document.body.clientHeight + document.body.scrollTop; width = document.body.clientWidth + document.body.scrollLeft; } // bounce of 3 walls (leave ceiling open) if (dots[i].Y >= height - DOTSIZE - 1) { if (dots[i].dy > 0) { dots[i].dy = BOUNCE * -dots[i].dy; } dots[i].Y = height - DOTSIZE - 1; } if (dots[i].X >= width - DOTSIZE) { if (dots[i].dx > 0) { dots[i].dx = BOUNCE * -dots[i].dx; } dots[i].X = width - DOTSIZE - 1; } if (dots[i].X < 0) { if (dots[i].dx < 0) { dots[i].dx = BOUNCE * -dots[i].dx; } dots[i].X = 0; } // move img to new position dots[i].obj.left = dots[i].X; dots[i].obj.top = dots[i].Y; } } // end code hiding --> </script>
Smilies verfolgen die Maus
- Nach oben!
<div id="dot0" style="position: absolute; visibility: hidden; height: 25; width: 25;"><img src="mh.jpg" height=25 width=25></div> <div id="dot1" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/mh.jpg" height=25 width=25></div> <div id="dot2" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/mh.jpg" height=25 width=25></div> <div id="dot3" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/mh.jpg" height=25 width=25></div> <div id="dot4" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/mh.jpg" height=25 width=25></div> <div id="dot5" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/mh.jpg" height=25 width=25></div> <div id="dot6" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/mh.jpg" height=25 width=25></div> <script LANGUAGE="JavaScript"> <!-- hide code /* Elastic Trail script (By Philip Winston @ pwinston@yahoo.com, URL:http://members.xoom.com/ebullets) Script featured on Dynamicdrive.com For this and 100's more DHTML scripts, visit http://dynamicdrive.com */ // Thanks to Troels Jakobsen <tjak@get2net.dk> // for fix which makes it work when the page is scrolled var nDots = 7; if (document.all&&window.print) document.body.style.cssText="overflow-x:hidden;overflow-y:scroll" var Xpos = 0; var Ypos = 0; // fixed time step, no relation to real time var DELTAT = .01; // size of one spring in pixels var SEGLEN = 10; // spring constant, stiffness of springs var SPRINGK = 10; // all the physics is bogus, just picked stuff to // make it look okay var MASS = 1; var GRAVITY = 50; var RESISTANCE = 10; // stopping criterea to prevent endless jittering // doesn't work when sitting on bottom since floor // doesn't push back so acceleration always as big // as gravity var STOPVEL = 0.1; var STOPACC = 0.1; var DOTSIZE = 11; // BOUNCE is percent of velocity retained when // bouncing off a wall var BOUNCE = 0.75; var isNetscape = navigator.appName=="Netscape"; // always on for now, could be played with to // let dots fall to botton, get thrown, etc. var followmouse = true; var dots = new Array(); init(); function init() { var i = 0; for (i = 0; i < nDots; i++) { dots[i] = new dot(i); } if (!isNetscape) { // I only know how to read the locations of the // <LI> items in IE file://skip this for now // setInitPositions(dots) } // set their positions for (i = 0; i < nDots; i++) { dots[i].obj.left = dots[i].X; dots[i].obj.top = dots[i].Y; } if (isNetscape) { // start right away since they are positioned // at 0, 0 startanimate(); } else { // let dots sit there for a few seconds // since they're hiding on the real bullets setTimeout("startanimate()", 2000); } } function dot(i) { this.X = Xpos; this.Y = Ypos; this.dx = 0; this.dy = 0; if (isNetscape) { this.obj = eval("document.dot" + i); } else { this.obj = eval("dot" + i + ".style"); } } function startanimate() { setInterval("animate()", 20); } // This is to line up the bullets with actual LI tags on the page // Had to add -DOTSIZE to X and 2*DOTSIZE to Y for IE 5, not sure why // Still doesn't work great function setInitPositions(dots) { // initialize dot positions to be on top // of the bullets in the <ul> var startloc = document.all.tags("LI"); var i = 0; for (i = 0; i < startloc.length && i < (nDots - 1); i++) { dots[i+1].X = startloc[i].offsetLeft startloc[i].offsetParent.offsetLeft - DOTSIZE; dots[i+1].Y = startloc[i].offsetTop + startloc[i].offsetParent.offsetTop + 2*DOTSIZE; } // put 0th dot above 1st (it is hidden) dots[0].X = dots[1].X; dots[0].Y = dots[1].Y - SEGLEN; } // just save mouse position for animate() to use function MoveHandler(e) { Xpos = e.pageX; Ypos = e.pageY; return true; } // just save mouse position for animate() to use function MoveHandlerIE() { Xpos = window.event.x + document.body.scrollLeft; Ypos = window.event.y + document.body.scrollTop; } if (isNetscape) { document.captureEvents(Event.MOUSEMOVE); document.onMouseMove = MoveHandler; } else { document.onmousemove = MoveHandlerIE; } function vec(X, Y) { this.X = X; this.Y = Y; } // adds force in X and Y to spring for dot[i] on dot[j] function springForce(i, j, spring) { var dx = (dots[i].X - dots[j].X); var dy = (dots[i].Y - dots[j].Y); var len = Math.sqrt(dx*dx + dy*dy); if (len > SEGLEN) { var springF = SPRINGK * (len - SEGLEN); spring.X += (dx / len) * springF; spring.Y += (dy / len) * springF; } } function animate() { // dots[0] follows the mouse, // though no dot is drawn there var start = 0; if (followmouse) { dots[0].X = Xpos; dots[0].Y = Ypos; start = 1; } for (i = start ; i < nDots; i++ ) { var spring = new vec(0, 0); if (i > 0) { springForce(i-1, i, spring); } if (i < (nDots - 1)) { springForce(i+1, i, spring); } // air resisitance/friction var resist = new vec(-dots[i].dx * RESISTANCE, -dots[i].dy * RESISTANCE); // compute new accel, including gravity var accel = new vec((spring.X + resist.X)/ MASS, (spring.Y + resist.Y)/ MASS + GRAVITY); // compute new velocity dots[i].dx += (DELTAT * accel.X); dots[i].dy += (DELTAT * accel.Y); // stop dead so it doesn't jitter when nearly still if (Math.abs(dots[i].dx) < STOPVEL && Math.abs(dots[i].dy) < STOPVEL && Math.abs(accel.X) < STOPACC && Math.abs(accel.Y) < STOPACC) { dots[i].dx = 0; dots[i].dy = 0; } // move to new position dots[i].X += dots[i].dx; dots[i].Y += dots[i].dy; // get size of window var height, width; if (isNetscape) { height = window.innerHeight + document.scrollTop; width = window.innerWidth + document.scrollLeft; } else { height = document.body.clientHeight + document.body.scrollTop; width = document.body.clientWidth + document.body.scrollLeft; } // bounce of 3 walls (leave ceiling open) if (dots[i].Y >= height - DOTSIZE - 1) { if (dots[i].dy > 0) { dots[i].dy = BOUNCE * -dots[i].dy; } dots[i].Y = height - DOTSIZE - 1; } if (dots[i].X >= width - DOTSIZE) { if (dots[i].dx > 0) { dots[i].dx = BOUNCE * -dots[i].dx; } dots[i].X = width - DOTSIZE - 1; } if (dots[i].X < 0) { if (dots[i].dx < 0) { dots[i].dx = BOUNCE * -dots[i].dx; } dots[i].X = 0; } // move img to new position dots[i].obj.left = dots[i].X; dots[i].obj.top = dots[i].Y; } } // end code hiding --> </script>
Das Moorhuhn verfolgt die Maus
- Nach oben!
<div id="dot0" style="position: absolute; visibility: hidden; height: 25; width: 25;"><img src="db.gif" height=25 width=25></div> <div id="dot1" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/db.gif" height=25 width=25></div> <div id="dot2" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/db.gif" height=25 width=25></div> <div id="dot3" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/db.gif" height=25 width=25></div> <div id="dot4" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/db.gif" height=25 width=25></div> <div id="dot5" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/db.gif" height=25 width=25></div> <div id="dot6" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/db.gif" height=25 width=25></div> <script LANGUAGE="JavaScript"> <!-- hide code /* Elastic Trail script (By Philip Winston @ pwinston@yahoo.com, URL:http://members.xoom.com/ebullets) Script featured on Dynamicdrive.com For this and 100's more DHTML scripts, visit http://dynamicdrive.com */ // Thanks to Troels Jakobsen <tjak@get2net.dk> // for fix which makes it work when the page is scrolled var nDots = 7; if (document.all&&window.print) document.body.style.cssText="overflow-x:hidden;overflow-y:scroll" var Xpos = 0; var Ypos = 0; // fixed time step, no relation to real time var DELTAT = .01; // size of one spring in pixels var SEGLEN = 10; // spring constant, stiffness of springs var SPRINGK = 10; // all the physics is bogus, just picked stuff to // make it look okay var MASS = 1; var GRAVITY = 50; var RESISTANCE = 10; // stopping criterea to prevent endless jittering // doesn't work when sitting on bottom since floor // doesn't push back so acceleration always as big // as gravity var STOPVEL = 0.1; var STOPACC = 0.1; var DOTSIZE = 11; // BOUNCE is percent of velocity retained when // bouncing off a wall var BOUNCE = 0.75; var isNetscape = navigator.appName=="Netscape"; // always on for now, could be played with to // let dots fall to botton, get thrown, etc. var followmouse = true; var dots = new Array(); init(); function init() { var i = 0; for (i = 0; i < nDots; i++) { dots[i] = new dot(i); } if (!isNetscape) { // I only know how to read the locations of the // <LI> items in IE file://skip this for now // setInitPositions(dots) } // set their positions for (i = 0; i < nDots; i++) { dots[i].obj.left = dots[i].X; dots[i].obj.top = dots[i].Y; } if (isNetscape) { // start right away since they are positioned // at 0, 0 startanimate(); } else { // let dots sit there for a few seconds // since they're hiding on the real bullets setTimeout("startanimate()", 2000); } } function dot(i) { this.X = Xpos; this.Y = Ypos; this.dx = 0; this.dy = 0; if (isNetscape) { this.obj = eval("document.dot" + i); } else { this.obj = eval("dot" + i + ".style"); } } function startanimate() { setInterval("animate()", 20); } // This is to line up the bullets with actual LI tags on the page // Had to add -DOTSIZE to X and 2*DOTSIZE to Y for IE 5, not sure why // Still doesn't work great function setInitPositions(dots) { // initialize dot positions to be on top // of the bullets in the <ul> var startloc = document.all.tags("LI"); var i = 0; for (i = 0; i < startloc.length && i < (nDots - 1); i++) { dots[i+1].X = startloc[i].offsetLeft startloc[i].offsetParent.offsetLeft - DOTSIZE; dots[i+1].Y = startloc[i].offsetTop + startloc[i].offsetParent.offsetTop + 2*DOTSIZE; } // put 0th dot above 1st (it is hidden) dots[0].X = dots[1].X; dots[0].Y = dots[1].Y - SEGLEN; } // just save mouse position for animate() to use function MoveHandler(e) { Xpos = e.pageX; Ypos = e.pageY; return true; } // just save mouse position for animate() to use function MoveHandlerIE() { Xpos = window.event.x + document.body.scrollLeft; Ypos = window.event.y + document.body.scrollTop; } if (isNetscape) { document.captureEvents(Event.MOUSEMOVE); document.onMouseMove = MoveHandler; } else { document.onmousemove = MoveHandlerIE; } function vec(X, Y) { this.X = X; this.Y = Y; } // adds force in X and Y to spring for dot[i] on dot[j] function springForce(i, j, spring) { var dx = (dots[i].X - dots[j].X); var dy = (dots[i].Y - dots[j].Y); var len = Math.sqrt(dx*dx + dy*dy); if (len > SEGLEN) { var springF = SPRINGK * (len - SEGLEN); spring.X += (dx / len) * springF; spring.Y += (dy / len) * springF; } } function animate() { // dots[0] follows the mouse, // though no dot is drawn there var start = 0; if (followmouse) { dots[0].X = Xpos; dots[0].Y = Ypos; start = 1; } for (i = start ; i < nDots; i++ ) { var spring = new vec(0, 0); if (i > 0) { springForce(i-1, i, spring); } if (i < (nDots - 1)) { springForce(i+1, i, spring); } // air resisitance/friction var resist = new vec(-dots[i].dx * RESISTANCE, -dots[i].dy * RESISTANCE); // compute new accel, including gravity var accel = new vec((spring.X + resist.X)/ MASS, (spring.Y + resist.Y)/ MASS + GRAVITY); // compute new velocity dots[i].dx += (DELTAT * accel.X); dots[i].dy += (DELTAT * accel.Y); // stop dead so it doesn't jitter when nearly still if (Math.abs(dots[i].dx) < STOPVEL && Math.abs(dots[i].dy) < STOPVEL && Math.abs(accel.X) < STOPACC && Math.abs(accel.Y) < STOPACC) { dots[i].dx = 0; dots[i].dy = 0; } // move to new position dots[i].X += dots[i].dx; dots[i].Y += dots[i].dy; // get size of window var height, width; if (isNetscape) { height = window.innerHeight + document.scrollTop; width = window.innerWidth + document.scrollLeft; } else { height = document.body.clientHeight + document.body.scrollTop; width = document.body.clientWidth + document.body.scrollLeft; } // bounce of 3 walls (leave ceiling open) if (dots[i].Y >= height - DOTSIZE - 1) { if (dots[i].dy > 0) { dots[i].dy = BOUNCE * -dots[i].dy; } dots[i].Y = height - DOTSIZE - 1; } if (dots[i].X >= width - DOTSIZE) { if (dots[i].dx > 0) { dots[i].dx = BOUNCE * -dots[i].dx; } dots[i].X = width - DOTSIZE - 1; } if (dots[i].X < 0) { if (dots[i].dx < 0) { dots[i].dx = BOUNCE * -dots[i].dx; } dots[i].X = 0; } // move img to new position dots[i].obj.left = dots[i].X; dots[i].obj.top = dots[i].Y; } } // end code hiding --> </script>
Mauszeiger wird von DragonballŽs verfolgt
- Nach oben!
<div id="dot0" style="position: absolute; visibility: hidden; height: 25; width: 25;"><img src="gras.gif" height=25 width=25></div> <div id="dot1" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/gras.jpg" height=25 width=25></div> <div id="dot2" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/gras.jpg" height=25 width=25></div> <div id="dot3" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/gras.jpg" height=25 width=25></div> <div id="dot4" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/gras.jpg" height=25 width=25></div> <div id="dot5" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/gras.jpg" height=25 width=25></div> <div id="dot6" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/gras.jpg" height=25 width=25></div> <script LANGUAGE="JavaScript"> <!-- hide code /* Elastic Trail script (By Philip Winston @ pwinston@yahoo.com, URL:http://members.xoom.com/ebullets) Script featured on Dynamicdrive.com For this and 100's more DHTML scripts, visit http://dynamicdrive.com */ // Thanks to Troels Jakobsen <tjak@get2net.dk> // for fix which makes it work when the page is scrolled var nDots = 7; if (document.all&&window.print) document.body.style.cssText="overflow-x:hidden;overflow-y:scroll" var Xpos = 0; var Ypos = 0; // fixed time step, no relation to real time var DELTAT = .01; // size of one spring in pixels var SEGLEN = 10; // spring constant, stiffness of springs var SPRINGK = 10; // all the physics is bogus, just picked stuff to // make it look okay var MASS = 1; var GRAVITY = 50; var RESISTANCE = 10; // stopping criterea to prevent endless jittering // doesn't work when sitting on bottom since floor // doesn't push back so acceleration always as big // as gravity var STOPVEL = 0.1; var STOPACC = 0.1; var DOTSIZE = 11; // BOUNCE is percent of velocity retained when // bouncing off a wall var BOUNCE = 0.75; var isNetscape = navigator.appName=="Netscape"; // always on for now, could be played with to // let dots fall to botton, get thrown, etc. var followmouse = true; var dots = new Array(); init(); function init() { var i = 0; for (i = 0; i < nDots; i++) { dots[i] = new dot(i); } if (!isNetscape) { // I only know how to read the locations of the // <LI> items in IE file://skip this for now // setInitPositions(dots) } // set their positions for (i = 0; i < nDots; i++) { dots[i].obj.left = dots[i].X; dots[i].obj.top = dots[i].Y; } if (isNetscape) { // start right away since they are positioned // at 0, 0 startanimate(); } else { // let dots sit there for a few seconds // since they're hiding on the real bullets setTimeout("startanimate()", 2000); } } function dot(i) { this.X = Xpos; this.Y = Ypos; this.dx = 0; this.dy = 0; if (isNetscape) { this.obj = eval("document.dot" + i); } else { this.obj = eval("dot" + i + ".style"); } } function startanimate() { setInterval("animate()", 20); } // This is to line up the bullets with actual LI tags on the page // Had to add -DOTSIZE to X and 2*DOTSIZE to Y for IE 5, not sure why // Still doesn't work great function setInitPositions(dots) { // initialize dot positions to be on top // of the bullets in the <ul> var startloc = document.all.tags("LI"); var i = 0; for (i = 0; i < startloc.length && i < (nDots - 1); i++) { dots[i+1].X = startloc[i].offsetLeft startloc[i].offsetParent.offsetLeft - DOTSIZE; dots[i+1].Y = startloc[i].offsetTop + startloc[i].offsetParent.offsetTop + 2*DOTSIZE; } // put 0th dot above 1st (it is hidden) dots[0].X = dots[1].X; dots[0].Y = dots[1].Y - SEGLEN; } // just save mouse position for animate() to use function MoveHandler(e) { Xpos = e.pageX; Ypos = e.pageY; return true; } // just save mouse position for animate() to use function MoveHandlerIE() { Xpos = window.event.x + document.body.scrollLeft; Ypos = window.event.y + document.body.scrollTop; } if (isNetscape) { document.captureEvents(Event.MOUSEMOVE); document.onMouseMove = MoveHandler; } else { document.onmousemove = MoveHandlerIE; } function vec(X, Y) { this.X = X; this.Y = Y; } // adds force in X and Y to spring for dot[i] on dot[j] function springForce(i, j, spring) { var dx = (dots[i].X - dots[j].X); var dy = (dots[i].Y - dots[j].Y); var len = Math.sqrt(dx*dx + dy*dy); if (len > SEGLEN) { var springF = SPRINGK * (len - SEGLEN); spring.X += (dx / len) * springF; spring.Y += (dy / len) * springF; } } function animate() { // dots[0] follows the mouse, // though no dot is drawn there var start = 0; if (followmouse) { dots[0].X = Xpos; dots[0].Y = Ypos; start = 1; } for (i = start ; i < nDots; i++ ) { var spring = new vec(0, 0); if (i > 0) { springForce(i-1, i, spring); } if (i < (nDots - 1)) { springForce(i+1, i, spring); } // air resisitance/friction var resist = new vec(-dots[i].dx * RESISTANCE, -dots[i].dy * RESISTANCE); // compute new accel, including gravity var accel = new vec((spring.X + resist.X)/ MASS, (spring.Y + resist.Y)/ MASS + GRAVITY); // compute new velocity dots[i].dx += (DELTAT * accel.X); dots[i].dy += (DELTAT * accel.Y); // stop dead so it doesn't jitter when nearly still if (Math.abs(dots[i].dx) < STOPVEL && Math.abs(dots[i].dy) < STOPVEL && Math.abs(accel.X) < STOPACC && Math.abs(accel.Y) < STOPACC) { dots[i].dx = 0; dots[i].dy = 0; } // move to new position dots[i].X += dots[i].dx; dots[i].Y += dots[i].dy; // get size of window var height, width; if (isNetscape) { height = window.innerHeight + document.scrollTop; width = window.innerWidth + document.scrollLeft; } else { height = document.body.clientHeight + document.body.scrollTop; width = document.body.clientWidth + document.body.scrollLeft; } // bounce of 3 walls (leave ceiling open) if (dots[i].Y >= height - DOTSIZE - 1) { if (dots[i].dy > 0) { dots[i].dy = BOUNCE * -dots[i].dy; } dots[i].Y = height - DOTSIZE - 1; } if (dots[i].X >= width - DOTSIZE) { if (dots[i].dx > 0) { dots[i].dx = BOUNCE * -dots[i].dx; } dots[i].X = width - DOTSIZE - 1; } if (dots[i].X < 0) { if (dots[i].dx < 0) { dots[i].dx = BOUNCE * -dots[i].dx; } dots[i].X = 0; } // move img to new position dots[i].obj.left = dots[i].X; dots[i].obj.top = dots[i].Y; } } // end code hiding --> </script>
Hanfblätter verfolgen die Maus
- Nach oben!
<div id="dot0" style="position: absolute; visibility: hidden; height: 25; width: 25;"><img src="snow.gif" height=11 width=11></div> <div id="dot1" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/snow.gif" height=25 width=25></div> <div id="dot2" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/snow.gif" height=25 width=25></div> <div id="dot3" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/snow.gif" height=25 width=25></div> <div id="dot4" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/snow.gif" height=25 width=25></div> <div id="dot5" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/snow.gif" height=25 width=25></div> <div id="dot6" style="position: absolute; height: 25; width: 25;"><img src="http://www.beepworld.de/memberdateien/members13/-mauscodes-/snow.gif" height=25 width=25></div> <script LANGUAGE="JavaScript"> <!-- hide code /* Elastic Trail script (By -Mauscodes-, URL:http://www.mausverfolger.here.de Script featured on mausverfolger.here.de For this and 100's more DHTML scripts, visit http://www.mausverfolger.here.de */ // Thanks to -Mauscodes-<MCHerne@web.de> // for fix which makes it work when the page is scrolled var nDots = 7; if (document.all&&window.print) document.body.style.cssText="overflow-x:hidden;overflow-y:scroll" var Xpos = 0; var Ypos = 0; // fixed time step, no relation to real time var DELTAT = .01; // size of one spring in pixels var SEGLEN = 10; // spring constant, stiffness of springs var SPRINGK = 10; // all the physics is bogus, just picked stuff to // make it look okay var MASS = 1; var GRAVITY = 50; var RESISTANCE = 10; // stopping criterea to prevent endless jittering // doesn't work when sitting on bottom since floor // doesn't push back so acceleration always as big // as gravity var STOPVEL = 0.1; var STOPACC = 0.1; var DOTSIZE = 11; // BOUNCE is percent of velocity retained when // bouncing off a wall var BOUNCE = 0.75; var isNetscape = navigator.appName=="Netscape"; // always on for now, could be played with to // let dots fall to botton, get thrown, etc. var followmouse = true; var dots = new Array(); init(); function init() { var i = 0; for (i = 0; i < nDots; i++) { dots[i] = new dot(i); } if (!isNetscape) { // I only know how to read the locations of the // <LI> items in IE file://skip this for now // setInitPositions(dots) } // set their positions for (i = 0; i < nDots; i++) { dots[i].obj.left = dots[i].X; dots[i].obj.top = dots[i].Y; } if (isNetscape) { // start right away since they are positioned // at 0, 0 startanimate(); } else { // let dots sit there for a few seconds // since they're hiding on the real bullets setTimeout("startanimate()", 2000); } } function dot(i) { this.X = Xpos; this.Y = Ypos; this.dx = 0; this.dy = 0; if (isNetscape) { this.obj = eval("document.dot" + i); } else { this.obj = eval("dot" + i + ".style"); } } function startanimate() { setInterval("animate()", 20); } // This is to line up the bullets with actual LI tags on the page // Had to add -DOTSIZE to X and 2*DOTSIZE to Y for IE 5, not sure why // Still doesn't work great function setInitPositions(dots) { // initialize dot positions to be on top // of the bullets in the <ul> var startloc = document.all.tags("LI"); var i = 0; for (i = 0; i < startloc.length && i < (nDots - 1); i++) { dots[i+1].X = startloc[i].offsetLeft startloc[i].offsetParent.offsetLeft - DOTSIZE; dots[i+1].Y = startloc[i].offsetTop + startloc[i].offsetParent.offsetTop + 2*DOTSIZE; } // put 0th dot above 1st (it is hidden) dots[0].X = dots[1].X; dots[0].Y = dots[1].Y - SEGLEN; } // just save mouse position for animate() to use function MoveHandler(e) { Xpos = e.pageX; Ypos = e.pageY; return true; } // just save mouse position for animate() to use function MoveHandlerIE() { Xpos = window.event.x + document.body.scrollLeft; Ypos = window.event.y + document.body.scrollTop; } if (isNetscape) { document.captureEvents(Event.MOUSEMOVE); document.onMouseMove = MoveHandler; } else { document.onmousemove = MoveHandlerIE; } function vec(X, Y) { this.X = X; this.Y = Y; } // adds force in X and Y to spring for dot[i] on dot[j] function springForce(i, j, spring) { var dx = (dots[i].X - dots[j].X); var dy = (dots[i].Y - dots[j].Y); var len = Math.sqrt(dx*dx + dy*dy); if (len > SEGLEN) { var springF = SPRINGK * (len - SEGLEN); spring.X += (dx / len) * springF; spring.Y += (dy / len) * springF; } } function animate() { // dots[0] follows the mouse, // though no dot is drawn there var start = 0; if (followmouse) { dots[0].X = Xpos; dots[0].Y = Ypos; start = 1; } for (i = start ; i < nDots; i++ ) { var spring = new vec(0, 0); if (i > 0) { springForce(i-1, i, spring); } if (i < (nDots - 1)) { springForce(i+1, i, spring); } // air resisitance/friction var resist = new vec(-dots[i].dx * RESISTANCE, -dots[i].dy * RESISTANCE); // compute new accel, including gravity var accel = new vec((spring.X + resist.X)/ MASS, (spring.Y + resist.Y)/ MASS + GRAVITY); // compute new velocity dots[i].dx += (DELTAT * accel.X); dots[i].dy += (DELTAT * accel.Y); // stop dead so it doesn't jitter when nearly still if (Math.abs(dots[i].dx) < STOPVEL && Math.abs(dots[i].dy) < STOPVEL && Math.abs(accel.X) < STOPACC && Math.abs(accel.Y) < STOPACC) { dots[i].dx = 0; dots[i].dy = 0; } // move to new position dots[i].X += dots[i].dx; dots[i].Y += dots[i].dy; // get size of window var height, width; if (isNetscape) { height = window.innerHeight + document.scrollTop; width = window.innerWidth + document.scrollLeft; } else { height = document.body.clientHeight + document.body.scrollTop; width = document.body.clientWidth + document.body.scrollLeft; } // bounce of 3 walls (leave ceiling open) if (dots[i].Y >= height - DOTSIZE - 1) { if (dots[i].dy > 0) { dots[i].dy = BOUNCE * -dots[i].dy; } dots[i].Y = height - DOTSIZE - 1; } if (dots[i].X >= width - DOTSIZE) { if (dots[i].dx > 0) { dots[i].dx = BOUNCE * -dots[i].dx; } dots[i].X = width - DOTSIZE - 1; } if (dots[i].X < 0) { if (dots[i].dx < 0) { dots[i].dx = BOUNCE * -dots[i].dx; } dots[i].X = 0; } // move img to new position dots[i].obj.left = dots[i].X; dots[i].obj.top = dots[i].Y; } } // end code hiding --> </script>
Schneeflocken verfolgen die Maus
- Nach oben!
<Html> <HEAD><!--Begin JavaScript roadmap code. If editing downloaded HTML source, delete this portion.--> <Title>Mauszeiger 41</title> <body bgcolor="yellow"><div id="dot0" style="position: absolute; visibility: hidden; height: 11; width: 11;"><img src="http://www.mauscodes.de/java/mauscodes/mauscodes1/mauscode1/swirl.gif" height=11 width=11></div> <div id="dot1" style="position: absolute; height: 11; width: 11;"><img src="http://www.mauscodes.de/java/mauscodes/mauscodes1/mauscode1/swirl.gif" height=11 width=11></div> <div id="dot2" style="position: absolute; height: 11; width: 11;"><img src="http://www.mauscodes.de/java/mauscodes/mauscodes1/mauscode1/swirl.gif" height=11 width=11></div> <div id="dot3" style="position: absolute; height: 11; width: 11;"><img src="http://www.mauscodes.de/java/mauscodes/mauscodes1/mauscode1/swirl.gif" height=11 width=11></div> <div id="dot4" style="position: absolute; height: 11; width: 11;"><img src="http://www.mauscodes.de/java/mauscodes/mauscodes1/mauscode1/swirl.gif" height=11 width=11></div> <div id="dot5" style="position: absolute; height: 11; width: 11;"><img src="http://www.mauscodes.de/java/mauscodes/mauscodes1/mauscode1/swirl.gif" height=11 width=11></div> <div id="dot6" style="position: absolute; height: 11; width: 11;"><img src="http://www.mauscodes.de/java/mauscodes/mauscodes1/mauscode1/swirl.gif" height=11 width=11></div> <script LANGUAGE="JavaScript"> <!-- hide code // Thanks to Troels Jakobsen <tjak@get2net.dk> // for fix which makes it work when the page is scrolled var nDots = 7; if (document.all&&window.print) document.body.style.cssText="overflow-x:hidden;overflow-y:scroll" var Xpos = 0; var Ypos = 0; // fixed time step, no relation to real time var DELTAT = .01; // size of one spring in pixels var SEGLEN = 10; // spring constant, stiffness of springs var SPRINGK = 10; // all the physics is bogus, just picked stuff to // make it look okay var MASS = 1; var GRAVITY = 50; var RESISTANCE = 10; // stopping criterea to prevent endless jittering // doesn't work when sitting on bottom since floor // doesn't push back so acceleration always as big // as gravity var STOPVEL = 0.1; var STOPACC = 0.1; var DOTSIZE = 11; // BOUNCE is percent of velocity retained when // bouncing off a wall var BOUNCE = 0.75; var isNetscape = navigator.appName=="Netscape"; // always on for now, could be played with to // let dots fall to botton, get thrown, etc. var followmouse = true; var dots = new Array(); init(); function init() { var i = 0; for (i = 0; i < nDots; i++) { dots[i] = new dot(i); } if (!isNetscape) { // I only know how to read the locations of the // <LI> items in IE file://skip this for now // setInitPositions(dots) } // set their positions for (i = 0; i < nDots; i++) { dots[i].obj.left = dots[i].X; dots[i].obj.top = dots[i].Y; } if (isNetscape) { // start right away since they are positioned // at 0, 0 startanimate(); } else { // let dots sit there for a few seconds // since they're hiding on the real bullets setTimeout("startanimate()", 2000); } } function dot(i) { this.X = Xpos; this.Y = Ypos; this.dx = 0; this.dy = 0; if (isNetscape) { this.obj = eval("document.dot" + i); } else { this.obj = eval("dot" + i + ".style"); } } function startanimate() { setInterval("animate()", 20); } // This is to line up the bullets with actual LI tags on the page // Had to add -DOTSIZE to X and 2*DOTSIZE to Y for IE 5, not sure why // Still doesn't work great function setInitPositions(dots) { // initialize dot positions to be on top // of the bullets in the <ul> var startloc = document.all.tags("LI"); var i = 0; for (i = 0; i < startloc.length && i < (nDots - 1); i++) { dots[i+1].X = startloc[i].offsetLeft startloc[i].offsetParent.offsetLeft - DOTSIZE; dots[i+1].Y = startloc[i].offsetTop + startloc[i].offsetParent.offsetTop + 2*DOTSIZE; } // put 0th dot above 1st (it is hidden) dots[0].X = dots[1].X; dots[0].Y = dots[1].Y - SEGLEN; } // just save mouse position for animate() to use function MoveHandler(e) { Xpos = e.pageX; Ypos = e.pageY; return true; } // just save mouse position for animate() to use function MoveHandlerIE() { Xpos = window.event.x + document.body.scrollLeft; Ypos = window.event.y + document.body.scrollTop; } if (isNetscape) { document.captureEvents(Event.MOUSEMOVE); document.onMouseMove = MoveHandler; } else { document.onmousemove = MoveHandlerIE; } function vec(X, Y) { this.X = X; this.Y = Y; } // adds force in X and Y to spring for dot[i] on dot[j] function springForce(i, j, spring) { var dx = (dots[i].X - dots[j].X); var dy = (dots[i].Y - dots[j].Y); var len = Math.sqrt(dx*dx + dy*dy); if (len > SEGLEN) { var springF = SPRINGK * (len - SEGLEN); spring.X += (dx / len) * springF; spring.Y += (dy / len) * springF; } } function animate() { // dots[0] follows the mouse, // though no dot is drawn there var start = 0; if (followmouse) { dots[0].X = Xpos; dots[0].Y = Ypos; start = 1; } for (i = start ; i < nDots; i++ ) { var spring = new vec(0, 0); if (i > 0) { springForce(i-1, i, spring); } if (i < (nDots - 1)) { springForce(i+1, i, spring); } // air resisitance/friction var resist = new vec(-dots[i].dx * RESISTANCE, -dots[i].dy * RESISTANCE); // compute new accel, including gravity var accel = new vec((spring.X + resist.X)/ MASS, (spring.Y + resist.Y)/ MASS + GRAVITY); // compute new velocity dots[i].dx += (DELTAT * accel.X); dots[i].dy += (DELTAT * accel.Y); // stop dead so it doesn't jitter when nearly still if (Math.abs(dots[i].dx) < STOPVEL && Math.abs(dots[i].dy) < STOPVEL && Math.abs(accel.X) < STOPACC && Math.abs(accel.Y) < STOPACC) { dots[i].dx = 0; dots[i].dy = 0; } // move to new position dots[i].X += dots[i].dx; dots[i].Y += dots[i].dy; // get size of window var height, width; if (isNetscape) { height = window.innerHeight + document.scrollTop; width = window.innerWidth + document.scrollLeft; } else { height = document.body.clientHeight + document.body.scrollTop; width = document.body.clientWidth + document.body.scrollLeft; } // bounce of 3 walls (leave ceiling open) if (dots[i].Y >= height - DOTSIZE - 1) { if (dots[i].dy > 0) { dots[i].dy = BOUNCE * -dots[i].dy; } dots[i].Y = height - DOTSIZE - 1; } if (dots[i].X >= width - DOTSIZE) { if (dots[i].dx > 0) { dots[i].dx = BOUNCE * -dots[i].dx; } dots[i].X = width - DOTSIZE - 1; } if (dots[i].X < 0) { if (dots[i].dx < 0) { dots[i].dx = BOUNCE * -dots[i].dx; } dots[i].X = 0; } // move img to new position dots[i].obj.left = dots[i].X; dots[i].obj.top = dots[i].Y; } } // end code hiding --> </script> <CENTER> </p> </body> </html>
Orange Kugeln verfolgen den Mauszeiger
- Nach oben!
<div id="dot0" style="position: absolute; visibility: hidden; height: 11; width: 11;"><img src="bullet.gif" height=11 width=11></div> <div id="dot1" style="position: absolute; height: 11; width: 11;"><img src="http://members.tripod.de/mauscodetester/bullet.gif" height=11 width=11></div> <div id="dot2" style="position: absolute; height: 11; width: 11;"><img src="http://members.tripod.de/mauscodetester/bullet.gif" height=11 width=11></div> <div id="dot3" style="position: absolute; height: 11; width: 11;"><img src="http://members.tripod.de/mauscodetester/bullet.gif" height=11 width=11></div> <div id="dot4" style="position: absolute; height: 11; width: 11;"><img src="http://members.tripod.de/mauscodetester/bullet.gif" height=11 width=11></div> <div id="dot5" style="position: absolute; height: 11; width: 11;"><img src="http://members.tripod.de/mauscodetester/bullet.gif" height=11 width=11></div> <div id="dot6" style="position: absolute; height: 11; width: 11;"><img src="http://members.tripod.de/mauscodetester/bullet.gif" height=11 width=11></div> <script LANGUAGE="JavaScript"> <!-- hide code /* Elastic Trail script (By Philip Winston @ pwinston@yahoo.com, URL:http://members.xoom.com/ebullets) Script featured on Dynamicdrive.com For this and 100's more DHTML scripts, visit http://dynamicdrive.com */ // Thanks to Troels Jakobsen <tjak@get2net.dk> // for fix which makes it work when the page is scrolled var nDots = 7; if (document.all&&window.print) document.body.style.cssText="overflow-x:hidden;overflow-y:scroll" var Xpos = 0; var Ypos = 0; // fixed time step, no relation to real time var DELTAT = .01; // size of one spring in pixels var SEGLEN = 10; // spring constant, stiffness of springs var SPRINGK = 10; // all the physics is bogus, just picked stuff to // make it look okay var MASS = 1; var GRAVITY = 50; var RESISTANCE = 10; // stopping criterea to prevent endless jittering // doesn't work when sitting on bottom since floor // doesn't push back so acceleration always as big // as gravity var STOPVEL = 0.1; var STOPACC = 0.1; var DOTSIZE = 11; // BOUNCE is percent of velocity retained when // bouncing off a wall var BOUNCE = 0.75; var isNetscape = navigator.appName=="Netscape"; // always on for now, could be played with to // let dots fall to botton, get thrown, etc. var followmouse = true; var dots = new Array(); init(); function init() { var i = 0; for (i = 0; i < nDots; i++) { dots[i] = new dot(i); } if (!isNetscape) { // I only know how to read the locations of the // <LI> items in IE file://skip this for now // setInitPositions(dots) } // set their positions for (i = 0; i < nDots; i++) { dots[i].obj.left = dots[i].X; dots[i].obj.top = dots[i].Y; } if (isNetscape) { // start right away since they are positioned // at 0, 0 startanimate(); } else { // let dots sit there for a few seconds // since they're hiding on the real bullets setTimeout("startanimate()", 2000); } } function dot(i) { this.X = Xpos; this.Y = Ypos; this.dx = 0; this.dy = 0; if (isNetscape) { this.obj = eval("document.dot" + i); } else { this.obj = eval("dot" + i + ".style"); } } function startanimate() { setInterval("animate()", 20); } // This is to line up the bullets with actual LI tags on the page // Had to add -DOTSIZE to X and 2*DOTSIZE to Y for IE 5, not sure why // Still doesn't work great function setInitPositions(dots) { // initialize dot positions to be on top // of the bullets in the <ul> var startloc = document.all.tags("LI"); var i = 0; for (i = 0; i < startloc.length && i < (nDots - 1); i++) { dots[i+1].X = startloc[i].offsetLeft startloc[i].offsetParent.offsetLeft - DOTSIZE; dots[i+1].Y = startloc[i].offsetTop + startloc[i].offsetParent.offsetTop + 2*DOTSIZE; } // put 0th dot above 1st (it is hidden) dots[0].X = dots[1].X; dots[0].Y = dots[1].Y - SEGLEN; } // just save mouse position for animate() to use function MoveHandler(e) { Xpos = e.pageX; Ypos = e.pageY; return true; } // just save mouse position for animate() to use function MoveHandlerIE() { Xpos = window.event.x + document.body.scrollLeft; Ypos = window.event.y + document.body.scrollTop; } if (isNetscape) { document.captureEvents(Event.MOUSEMOVE); document.onMouseMove = MoveHandler; } else { document.onmousemove = MoveHandlerIE; } function vec(X, Y) { this.X = X; this.Y = Y; } // adds force in X and Y to spring for dot[i] on dot[j] function springForce(i, j, spring) { var dx = (dots[i].X - dots[j].X); var dy = (dots[i].Y - dots[j].Y); var len = Math.sqrt(dx*dx + dy*dy); if (len > SEGLEN) { var springF = SPRINGK * (len - SEGLEN); spring.X += (dx / len) * springF; spring.Y += (dy / len) * springF; } } function animate() { // dots[0] follows the mouse, // though no dot is drawn there var start = 0; if (followmouse) { dots[0].X = Xpos; dots[0].Y = Ypos; start = 1; } for (i = start ; i < nDots; i++ ) { var spring = new vec(0, 0); if (i > 0) { springForce(i-1, i, spring); } if (i < (nDots - 1)) { springForce(i+1, i, spring); } // air resisitance/friction var resist = new vec(-dots[i].dx * RESISTANCE, -dots[i].dy * RESISTANCE); // compute new accel, including gravity var accel = new vec((spring.X + resist.X)/ MASS, (spring.Y + resist.Y)/ MASS + GRAVITY); // compute new velocity dots[i].dx += (DELTAT * accel.X); dots[i].dy += (DELTAT * accel.Y); // stop dead so it doesn't jitter when nearly still if (Math.abs(dots[i].dx) < STOPVEL && Math.abs(dots[i].dy) < STOPVEL && Math.abs(accel.X) < STOPACC && Math.abs(accel.Y) < STOPACC) { dots[i].dx = 0; dots[i].dy = 0; } // move to new position dots[i].X += dots[i].dx; dots[i].Y += dots[i].dy; // get size of window var height, width; if (isNetscape) { height = window.innerHeight + document.scrollTop; width = window.innerWidth + document.scrollLeft; } else { height = document.body.clientHeight + document.body.scrollTop; width = document.body.clientWidth + document.body.scrollLeft; } // bounce of 3 walls (leave ceiling open) if (dots[i].Y >= height - DOTSIZE - 1) { if (dots[i].dy > 0) { dots[i].dy = BOUNCE * -dots[i].dy; } dots[i].Y = height - DOTSIZE - 1; } if (dots[i].X >= width - DOTSIZE) { if (dots[i].dx > 0) { dots[i].dx = BOUNCE * -dots[i].dx; } dots[i].X = width - DOTSIZE - 1; } if (dots[i].X < 0) { if (dots[i].dx < 0) { dots[i].dx = BOUNCE * -dots[i].dx; } dots[i].X = 0; } // move img to new position dots[i].obj.left = dots[i].X; dots[i].obj.top = dots[i].Y; } } // end code hiding --> </script>
Blaue Kugeln verfolgen den Mauszeiger
- Nach oben!
<html> <head> <TITLE>Cool Linkmarker </TITLE> <script> <!-- Beginning of JavaScript - var x,y var step=5 var flag=1 var pause var timersmall var timerbig var isbigcircle=1 var pause=50 var bigradius var smallradius=50 var startwinkel=1 var imgnumber=12 var imgsrc="http://members.tripod.de/mauscodetester/star111.gif" var xcenter var xcenter var pi= Math.PI function onresizer() { clearTimeout(timerbig) clearTimeout(timersmall) initiate() } function initiate() { var initiatetimer=setTimeout("initiate2()",2000) } function initiate2() { if (document.layers) { xcenter=Math.floor(screen.width/2) ycenter=Math.floor(window.innerHeight/2) } if (document.all) { xcenter=Math.floor(document.body.clientWidth/2) ycenter=Math.floor(document.body.clientHeight/2) } bigradius=ycenter bigcircle() } function handlerMM(e){ x = (document.layers) ? e.pageX : event.clientX y = (document.layers) ? e.pageY : event.clientY flag=1 } function bigcircle() { if (isbigcircle==1) { if (document.all) { for (i=1; i<=imgnumber; i++) { var thisspan = eval("document.all.span"+(i)+".style") thisspan.posLeft=((xcenter-20)*Math.cos(startwinkel*(pi/180)))+xcenter thisspan.posTop=((ycenter-20)*Math.sin(startwinkel*(pi/180)))+ycenter startwinkel=startwinkel+30 } } if (document.layers) { for (i=1; i<=imgnumber; i++) { var thisspan = eval("document.span"+i) thisspan.left=((xcenter-150)*Math.cos(startwinkel*(pi/180)))+(xcenter-145) thisspan.top=((ycenter-20)*Math.sin(startwinkel*(pi/180)))+ycenter startwinkel=startwinkel+30 } } step=step+5 startwinkel=step timerbig=setTimeout("bigcircle()",pause) } else { isbigcircle=0 clearTimeout(timerbig) } } function presmallcircle() { isbigcircle=0 clearTimeout(timerbig) smallcircle() } function prebigcircle() { isbigcircle=1 clearTimeout(timersmall) bigcircle() } function smallcircle() { if (isbigcircle==0) { if (document.all) { for (i=1; i<=imgnumber; i++) { var thisspan = eval("document.all.span"+(i)+".style") thisspan.posLeft=(smallradius*Math.cos(startwinkel*(pi/180)))+x thisspan.posTop=(smallradius*Math.sin(startwinkel*(pi/180)))+y startwinkel=startwinkel+30 } } if (document.layers) { for (i=1; i<=imgnumber; i++) { var thisspan = eval("document.span"+i) thisspan.left=(smallradius*Math.cos(startwinkel*(pi/180)))+x thisspan.top=(smallradius*Math.sin(startwinkel*(pi/180)))+y startwinkel=startwinkel+30 } } step=step+5 startwinkel=step timersmall=setTimeout("smallcircle()",pause) } else { isbigcircle=0 clearTimeout(timersmall) } } window.onoad=initiate() // - End of JavaScript - --> </script> <STYLE> .spanstyle { position:absolute; visibility:visible; top:-50px; font-size:10pt; font-family:Verdana; color:FF0000 } .linktofun { position:absolute; top:240px; left:10px; width:560px; color: 000000; text-align:center; font-size:9pt; font-family:Arial; font-weight:bold; } .explain { position:absolute; top:40px; left:10px; width:560px; color: 000000; text-align:center; font-size:9pt; font-family:Arial; font-weight:bold; } A { font-family: Arial,Helvetica,sans-serif; color: #000000; text-decoration:underline } A:visited { color: #000000; } </STYLE> </HEAD> <body bgcolor="#FFFFFF"> <script> <!-- Beginning of JavaScript - for (i=1;i<=imgnumber;i++) { document.write("<span id='span"+i+"' class='spanstyle'>") document.write("<img src='"+imgsrc+"'>") document.write("</span>") } if (document.layers){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = handlerMM; document.onresize = onresizer; // - End of JavaScript - --> </script> </BODY> </html>
Sterne umkreisen die Maus und ziehen sie sich beim Link zusammen
- Nach oben!
</script> <!-- Dieses Script wurde erhalten bei www.mauscodes.de --> <style> BODY { cursor: crosshair; } </style> </head><br> <body text="#FFFFFF" bgcolor="#FFFFFF" link="#0080FF" alink="#FFFFFF" vlink="#FF007F" background="bilder/blue.jpg"BGPROPERTIES=FIXED> <!--Ab hier muß kopiert werden--> <!--In dem folgenden Abschnitt stehen Angaben für Breite und Farben--> <style> <!-- #leftright, #topdown{ position:absolute; left:0; top:0; width:1px; height:1px; layer-background-color:red; background-color:red; z-index:100; font-size:1px; } --> </style> <p><!--webbot bot="HTMLMarkup" startspan --><div id="leftright" style="width:expression(document.body.clientWidth-2)"></div> <div id="topdown" style="height:expression(document.body.clientHeight-2)"></div> <div align="center"> <script language="JavaScript1.2"> <!-- if (document.all&&!window.print){ leftright.style.width=document.body.clientWidth-2 topdown.style.height=document.body.clientHeight-2 } else if (document.layers){ document.leftright.clip.width=window.innerWidth document.leftright.clip.height=1 document.topdown.clip.width=1 document.topdown.clip.height=window.innerHeight } function followmouse1(){ leftright.style.pixelTop=document.body.scrollTop+event.clientY+1 topdown.style.pixelTop=document.body.scrollTop if (event.clientX<document.body.clientWidth-2) topdown.style.pixelLeft=document.body.scrollLeft+event.clientX+1 else topdown.style.pixelLeft=document.body.clientWidth-2 } function followmouse2(e){ document.leftright.top=e.y+1 document.topdown.top=pageYOffset document.topdown.left=e.x+1 } if (document.all) document.onmousemove=followmouse1 else if (document.layers){ window.captureEvents(Event.MOUSEMOVE) window.onmousemove=followmouse2 } function regenerate(){ window.location.reload() } function regenerate2(){ setTimeout("window.onresize=regenerate",400) } if ((document.all&&!window.print)||document.layers) file://if the user is using IE 4 or NS 4, both NOT IE 5+ window.onload=regenerate2 file://--> </script>
Ein rotes Fadenkreuz über den ganzen Bildschirm
- Nach oben!
<html> <!-- Dieses Script wurde erhalten bei www.mauscodes.de --> <head> <TITLE>Text2 </TITLE> <script> <!-- Beginning of JavaScript - // CONFIGURATION: // Configure the variables below. // Attention: The style-block and the script-block just below the body-tag are also part // of the script! Initiate the script with onLoad="clearmessage()" inside the body-tag. // Choose fontfamily, fontsize and fontcolor of the dancing letters var textfont="Verdana" var textsize=12 var textcolor="FF0000" // The space (pixels) between the letters. If you have chosen a big fontsize you should // you should increase this number. var letterspace=12 // Replace these messages with your messages. // Add as many messages as you like. var msg=new Array() msg[0]="Hallo lieber Besucher!" msg[1]="Gefällt euch der Mausverfolger?" msg[2]="Da kann man sich dumm und albern schreiben" msg[3]="Ist doch schön oder nicht?" // The higher you set the maxloop-value the longer each meassage will stay var maxloop=50 var x,y var step=20 var flag=0 var timer var msglength=msg[0].length-1 var i_mes=0 var loopcounter=0 var xpos=new Array() var ypos=new Array() for (i=0; i<=msg.length-1;i++) { msg[i]=msg[i]+" " } for (i=1; i<=msg.length-1;i++) { if(msg[i].length-1 >= msg[i-1].length-1) {msglength=msg[i].length-1} } for (i=0; i<=msglength-1;i++) { xpos[i]=0 ypos[i]=0 } if (document.layers) { if (textsize>20) {textsize=6} else if (textsize>20) {textsize=5} else if (textsize>14) {textsize=4} else if (textsize>10) {textsize=3} else if (textsize>8) {textsize=2} else if (textsize<=7) {textsize=1} } function handlerMM(e){ x = (document.layers) ? e.pageX : event.clientX y = (document.layers) ? e.pageY : event.clientY flag=1 } function makesnake() { if (flag==1 && loopcounter<=maxloop) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+step ypos[i]=ypos[i-1] } xpos[0]=x+step ypos[0]=y if (document.all) { for (i=0; i<message.length-1; i++) { var thisspan = eval("document.all.span"+(i)+".style") thisspan.posLeft=xpos[i] thisspan.posTop=ypos[i] } } if (document.layers) { for (i=0; i<message.length-1; i++) { var thisspan = eval("document.span"+i) thisspan.left=xpos[i] thisspan.top=ypos[i] } } loopcounter++ timer=setTimeout("makesnake()",20) } else { clearTimeout(timer) clearmessage() } } function clearmessage() { loopcounter=0 if (document.all) { for (i=0;i<=msglength;i++) { var thisspan = eval("document.all.span"+i) thisspan.innerHTML=" " var thisspan = eval("document.all.span"+(i)+".style") thisspan.posLeft=-5000 } } if (document.layers) { for (i=0;i<=msglength;i++) { var thisspan = eval("document.span"+i+".document") thisspan.left=-5000 thisspan.write("<p> </p>") thisspan.clear() thisspan = eval("document.span"+i) } } changemessage() } function changemessage() { var messa=msg[i_mes] message=messa.split("") if (document.all) { for (i=0;i<=message.length-1;i++) { var thisspan = eval("document.all.span"+i) thisspan.innerHTML="<p style='font-family:"+textfont+";font-size:"+textsize+";color:"+textcolor+"'>"+message[i]+"</p>" } } if (document.layers) { for (i=0; i<message.length-1; i++) { var thisspan=eval("document.span"+i+".document") thisspan.write("<p><font size="+textsize+" color="+textcolor+" face="+textfont+">"+message[i]+"</font></p>") thisspan.clear() } } i_mes++ if (i_mes>=msg.length) {i_mes=0} i_path=0 timer=setTimeout("makesnake()",50) } // - End of JavaScript - --> </script> <STYLE> .spanstyle { position:absolute; left:-5000px; } .explainstyle { position: absolute; top:200px; left:10px; color:FF8888; font-size:0pt; font-family:Verdana; } A { color:FF8888; } A:Hover { color:FFAAAA; } </STYLE> </HEAD> <body bgcolor=#000000 onLoad="clearmessage()"> <script> <!-- Beginning of JavaScript - for (i=0;i<=msglength;i++) { document.write("<span id='span"+i+"' class='spanstyle'>") document.write("</span>") } if (document.layers){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = handlerMM; // - End of JavaScript - --> </script> </BODY> </html>
Text wechselt nach kurzer Zeit
- Nach oben!
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>Mausangriff</title> </head> <body bgcolor="#000000"> <script language="JavaScript"> var speed=20,divTop=0,divLeft=0,angle=0,ypos=0,xpos=0,amount=13; if (document.layers){ for (i = 0; i < amount; i++) {document.write('<layer name=nsa'+i+' top=0 left=0 width='+i/3+' height='+i/3+' bgcolor=#ffffff></layer>');} window.captureEvents(Event.MOUSEMOVE); function nsMouse(evnt){ xpos=evnt.pageX;ypos=evnt.pageY; } window.onMouseMove = nsMouse; } else if (document.all){ document.write('<div style="position:absolute;top:0px;left:0px">'); document.write('<div style="position:relative">'); for (i = 0; i < amount; i++) {document.write('<div id=k style="position:absolute;top:0px;left:0px;width:'+i/3+';height:'+i/3+';background:#666666;font-size:'+i/3+'"></div>')} document.write('</div></div>'); function iMouse(){xpos=event.x;ypos=document.body.scrollTop+event.y} document.onmousemove = iMouse; } function getAngle(){ Y = ypos - divTop;X = xpos - divLeft;angle = Math.round(Math.atan2(Y,X) * 180/Math.PI); if (angle < 0)angle += 360; } function bomb(){ if (document.layers){ Yscroll=window.pageYOffset; ybase=Math.round(Math.random()*window.innerHeight);xbase=Math.round(Math.random()*window.innerWidth); yybase=window.innerHeight-10;xxbase=window.innerWidth-10; } else if (document.all){ Yscroll=document.body.scrollTop; ybase=Math.round(Math.random()*window.document.body.offsetHeight);xbase=Math.round(Math.random()*window.document.body.offsetWidth); xxbase=window.document.body.offsetWidth-10;yybase=window.document.body.offsetHeight-10; } if ((xbase > 10 && xbase < xxbase) && (ybase > 10 && ybase < yybase)) bomb(); else { if ((divLeft > xpos-speed/1.5) && (divLeft < xpos+speed/1.5) && (divTop >= ypos-speed/1.5) && (divTop <= ypos+speed/1.5)) {divTop=ybase+Yscroll;divLeft=xbase} y = Math.round(speed*Math.sin(angle*Math.PI/180));x = Math.round(speed*Math.cos(angle*Math.PI/180)); divTop+=y;divLeft+=x; getAngle(); T=setTimeout('bomb()',20); } } function Split(){ Clrs=new Array('ff0000','0000ff','ffff00') var ntscp=document.layers,msie=document.all; if (document.layers){ for (i = 0; i < amount; i++) { if (i < amount-1) {ntscp['nsa'+i].top=ntscp['nsa'+(i+1)].top;ntscp['nsa'+i].left=ntscp['nsa'+(i+1)].left} else {ntscp['nsa'+i].top=divTop;ntscp['nsa'+i].left=divLeft} } } else if (document.all){ for (i = 0; i < amount; i++) { if (i < amount-1) {msie.k[i].style.top=msie.k[i+1].style.top;msie.k[i].style.left=msie.k[i+1].style.left} else {msie.k[i].style.top=divTop;msie.k[i].style.left=divLeft} } } for (i=0; i < amount-1; i++) { for (n=0; n < Clrs.length; n++) {var x=Math.round(Math.random()*n)} if (document.layers){ntscp['nsa'+i].bgColor=Clrs[x]} else if (document.all){msie.k[i].style.background=Clrs[x]} } setTimeout("Split()",20); } function StArT(){bomb();Split()} window.onload=StArT; file://--> </script> </body> </html>
Bunte Punkte greifen den Mauszeiger an
- Nach oben!
<br><body background=http://www.adresse-zum-hintergrund.jpg bgcolor="#000000" text="#0000FF" <br>bgproperties="fixed">
Unbeweglicher Hintergrund
- Nach oben!
<body background=http://www.adresse-des-bildes.jpg>
Hintergrund auf einer einzelnen Seite
- Nach oben!
<script language="JavaScript"> <!-- Space Variation by kurt.grigg@virgin.net if (document.all){ xL=5; xH=0; xW=0; xR=0; xE=0; xMY=0; xMX=0; xWd=0; xHd=0; xF=new Array(); xY=new Array(); xX=new Array(); xS=new Array(); xA=new Array(); xB=new Array(); ini=new Array(); cl=new Array('#fff000','#0000FF','#ff0000','#00ff00','#ff00ff','#ffa500') document.write('<div id="xouter" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < xL; i++){ document.write('<div id="xie" style="position:absolute;top:0;left:0;width:10px;height:10px;' +'font-family:Courier New;font-size:50px;color:#ffffff">.</div>'); } document.write('</div></div>'); //Initial Placement! function Set(){ for (i=0; i < xL; i++){ xH=window.document.body.offsetHeight; xW=window.document.body.offsetWidth; xA[i]=Math.round(Math.random()*xH); xB[i]=Math.round(Math.random()*xW); xS[i]=Math.random()*0.07+0.05; xR=Math.round(Math.random()*3); xE=Math.round(Math.random()*2500+50) if (xR == 3) xB[i]=-xE; if (xR == 2) xB[i]=xW+xE; if (xR == 1) xA[i]=-xE; if (xR == 0) xA[i]=xH; xF[i]=xW/14; } } Set(); function Assign(){ xouter.style.top=document.body.scrollTop; for (i=0; i < xL; i++){ xF[i]-=xS[i]*25; if (xF[i] < 4) xF[i]=3; xie[i].style.top =xY[i]; xie[i].style.left=xX[i]; xie[i].style.fontSize=xF[i]; xie[i].style.filter='glow(color='+ini[i]+', strength='+xF[i]/3+')'; } } function fly(){ var N=Math.floor(Math.random()*cl.length) xMY=window.document.body.clientHeight/2; xMX=window.document.body.clientWidth/2; xWd=Math.round(Math.random()*40+5); xHd=Math.round(Math.random()*30+5); for (i=0; i < xL; i++) { xY[i]=xA[i]+=(xMY-xA[i])*(xS[i]); xX[i]=xB[i]+=(xMX-xB[i])*(xS[i]); if ((xX[i] > xMX-xWd) && (xX[i] < xMX+xWd) && (xY[i] > xMY-xHd) && (xY[i] < xMY+xHd)){ xH=window.document.body.offsetHeight; xW=window.document.body.offsetWidth; xA[i]=Math.round(Math.random()*xH); xB[i]=Math.round(Math.random()*xW); xS[i]=Math.random()*0.05+0.05; xR=Math.round(Math.random()*3); xE=Math.round(Math.random()*50+50) if (xR == 3) xB[i]=-xE; if (xR == 2) xB[i]=xW+xE; if (xR == 1) xA[i]=-xE; if (xR == 0) xA[i]=xH+xE; } if ((xX[i] < 0) || (xX[i] > xW) || (xY[i] < 0) || (xY[i] > xH)) { xF[i]=xW/14; ini[i]=cl[N]; } } Assign(); setTimeout('fly()',10); } fly(); } // --> </script>
Leuchtende Punkte fliegen in die Mitte
- Nach oben!
<SCRIPT language=JavaScript1.2> var no = 12; // snow number var speed = 6; // smaller number moves the shamrocks faster var snowflake = "http://www.beepworld.de/memberdateien/members13/-mauscodes-/01.gif"; var ns4up = (document.layers) ? 1 : 0; // browser sniffer var ie4up = (document.all) ? 1 : 0; var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width = 800, doc_height = 600; if (ns4up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); for (i = 0; i < no; ++ i) { dx[i] = 0; // set coordinate variables xp[i] = Math.random()*(doc_width-50); // set position variables yp[i] = Math.random()*doc_height; am[i] = Math.random()*0; // set amplitude variables stx[i] = 0.02 + Math.random()/10; // set step variables sty[i] = 0.7 + Math.random(); // set step variables if (ns4up) { // set layers if (i == 0) { document.write("<layer name="dot"+ i +"" left="15" "); document.write("top="15" visibility="show"><img src=""); document.write(snowflake + "" border="0"></layer>"); } else { document.write("<layer name="dot"+ i +"" left="15" "); document.write("top="15" visibility="show"><img src=""); document.write(snowflake + "" border="0"></layer>"); } } else if (ie4up) { if (i == 0) { document.write("<div id="dot"+ i +"" style="POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;"><img src=""); document.write(snowflake + "" border="0"></div>"); } else { document.write("<div id="dot"+ i +"" style="POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;"><img src=""); document.write(snowflake + "" border="0"></div>"); } } } function snowNS() { // Netscape main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = self.innerWidth; doc_height = self.innerHeight; } dx[i] += stx[i]; document.layers["dot"+i].top = yp[i]; document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowNS()", speed); } function snowIE() { // IE main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx[i] += stx[i]; document.all["dot"+i].style.pixelTop = yp[i]; document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowIE()", speed); } if (ns4up) { snowNS(); } else if (ie4up) { snowIE(); } </SCRIPT>
Animierte Herzen fallen herunter
- Nach oben!
<SCRIPT language=JavaScript1.2> var no = 12; // snow number var speed = 6; // smaller number moves the shamrocks faster var snowflake = "http://www.beepworld.de/memberdateien/members13/-mauscodes-/herzen.jpg"; var ns4up = (document.layers) ? 1 : 0; // browser sniffer var ie4up = (document.all) ? 1 : 0; var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width = 800, doc_height = 600; if (ns4up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); for (i = 0; i < no; ++ i) { dx[i] = 0; // set coordinate variables xp[i] = Math.random()*(doc_width-50); // set position variables yp[i] = Math.random()*doc_height; am[i] = Math.random()*0; // set amplitude variables stx[i] = 0.02 + Math.random()/10; // set step variables sty[i] = 0.7 + Math.random(); // set step variables if (ns4up) { // set layers if (i == 0) { document.write("<layer name="dot"+ i +"" left="15" "); document.write("top="15" visibility="show"><img src=""); document.write(snowflake + "" border="0"></layer>"); } else { document.write("<layer name="dot"+ i +"" left="15" "); document.write("top="15" visibility="show"><img src=""); document.write(snowflake + "" border="0"></layer>"); } } else if (ie4up) { if (i == 0) { document.write("<div id="dot"+ i +"" style="POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;"><img src=""); document.write(snowflake + "" border="0"></div>"); } else { document.write("<div id="dot"+ i +"" style="POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;"><img src=""); document.write(snowflake + "" border="0"></div>"); } } } function snowNS() { // Netscape main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = self.innerWidth; doc_height = self.innerHeight; } dx[i] += stx[i]; document.layers["dot"+i].top = yp[i]; document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowNS()", speed); } function snowIE() { // IE main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx[i] += stx[i]; document.all["dot"+i].style.pixelTop = yp[i]; document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowIE()", speed); } if (ns4up) { snowNS(); } else if (ie4up) { snowIE(); } </SCRIPT>
Herze fallen auf deiner Homepage herunter
- Nach oben!
<SCRIPT language=JavaScript1.2> var no = 12; // snow number var speed = 6; // smaller number moves the shamrocks faster var snowflake = "http://www.beepworld.de/memberdateien/members13/-mauscodes-/gras.jpg"; var ns4up = (document.layers) ? 1 : 0; // browser sniffer var ie4up = (document.all) ? 1 : 0; var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width = 800, doc_height = 600; if (ns4up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); for (i = 0; i < no; ++ i) { dx[i] = 0; // set coordinate variables xp[i] = Math.random()*(doc_width-50); // set position variables yp[i] = Math.random()*doc_height; am[i] = Math.random()*0; // set amplitude variables stx[i] = 0.02 + Math.random()/10; // set step variables sty[i] = 0.7 + Math.random(); // set step variables if (ns4up) { // set layers if (i == 0) { document.write("<layer name="dot"+ i +"" left="15" "); document.write("top="15" visibility="show"><img src=""); document.write(snowflake + "" border="0"></layer>"); } else { document.write("<layer name="dot"+ i +"" left="15" "); document.write("top="15" visibility="show"><img src=""); document.write(snowflake + "" border="0"></layer>"); } } else if (ie4up) { if (i == 0) { document.write("<div id="dot"+ i +"" style="POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;"><img src=""); document.write(snowflake + "" border="0"></div>"); } else { document.write("<div id="dot"+ i +"" style="POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;"><img src=""); document.write(snowflake + "" border="0"></div>"); } } } function snowNS() { // Netscape main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = self.innerWidth; doc_height = self.innerHeight; } dx[i] += stx[i]; document.layers["dot"+i].top = yp[i]; document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowNS()", speed); } function snowIE() { // IE main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx[i] += stx[i]; document.all["dot"+i].style.pixelTop = yp[i]; document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowIE()", speed); } if (ns4up) { snowNS(); } else if (ie4up) { snowIE(); } </SCRIPT>
Es regnet Hanf-Blätter
- Nach oben!
<SCRIPT language=JavaScript1.2> var no = 12; // snow number var speed = 6; // smaller number moves the shamrocks faster var snowflake = "http://members.tripod.de/mauscodetester/star15.gif"; var ns4up = (document.layers) ? 1 : 0; // browser sniffer var ie4up = (document.all) ? 1 : 0; var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width = 800, doc_height = 600; if (ns4up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); for (i = 0; i < no; ++ i) { dx[i] = 0; // set coordinate variables xp[i] = Math.random()*(doc_width-50); // set position variables yp[i] = Math.random()*doc_height; am[i] = Math.random()*0; // set amplitude variables stx[i] = 0.02 + Math.random()/10; // set step variables sty[i] = 0.7 + Math.random(); // set step variables if (ns4up) { // set layers if (i == 0) { document.write("<layer name="dot"+ i +"" left="15" "); document.write("top="15" visibility="show"><img src=""); document.write(snowflake + "" border="0"></layer>"); } else { document.write("<layer name="dot"+ i +"" left="15" "); document.write("top="15" visibility="show"><img src=""); document.write(snowflake + "" border="0"></layer>"); } } else if (ie4up) { if (i == 0) { document.write("<div id="dot"+ i +"" style="POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;"><img src=""); document.write(snowflake + "" border="0"></div>"); } else { document.write("<div id="dot"+ i +"" style="POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;"><img src=""); document.write(snowflake + "" border="0"></div>"); } } } function snowNS() { // Netscape main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = self.innerWidth; doc_height = self.innerHeight; } dx[i] += stx[i]; document.layers["dot"+i].top = yp[i]; document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowNS()", speed); } function snowIE() { // IE main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx[i] += stx[i]; document.all["dot"+i].style.pixelTop = yp[i]; document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowIE()", speed); } if (ns4up) { snowNS(); } else if (ie4up) { snowIE(); } </SCRIPT>
Es schneit auf der Homepage
- Nach oben!
<style> <!-- .intro{ position:absolute;left:0;top:-20; layer-background-color:blue; background-color:blue; border:0.1px solid blue} --> </style> zwischen <body> und <IMG src="http://www.mytoday.de/cgi-bin/ivw/CP/musik/member/firewalkership-hophp/Vorhang_2.htm?53287" WIDTH="1" HEIGHT="1" ALT=""> </body> <div id="i1" class="intro" align="center"></div> <div id="i2" class="intro" align="center"></div> <div id="i3" class="intro" align="center"></div> <div id="i4" class="intro" align="center"></div> <div id="i5" class="intro" align="center"></div> <div id="i6" class="intro" align="center"></div> <div id="i7" class="intro" align="center"></div> <div id="i8" class="intro" align="center"></div> <script language="JavaScript1.2"> var speed=20 var temp=new Array() var temp2=new Array() if (document.layers){ for (i=1;i<=2;i++){ temp[i]=eval("document.i"+i+".clip") temp2[i]=eval("document.i"+i) temp[i].width=window.innerWidth/2 temp[i].height=window.innerHeight temp2[i].left=(i-1)*temp[i].width}} else if (document.all){ var clipright=document.body.clientWidth/2,clipleft=0 for (i=1;i<=2;i++){ temp[i]=eval("document.all.i"+i+".style") temp[i].width=document.body.clientWidth/2 temp[i].height=document.body.offsetHeight temp[i].left=(i-1)*parseInt(temp[i].width)}} function openit(){ window.scrollTo(0,0) if (document.layers){ temp[1].right-=speed temp[2].left+=speed if (temp[2].left>window.innerWidth/2) clearInterval(stopit)} else if (document.all){ clipright-=speed temp[1].clip="rect(0 "+clipright+" auto 0)" clipleft+=speed temp[2].clip="rect(0 auto auto "+clipleft+")" if (clipright<=0) clearInterval(stopit)}} function gogo(){stopit=setInterval("openit()",100)} gogo() </script>
Ein Vorhang öffnet sich beim betreten der Seite
- Nach oben!
<body onunload="window.alert('Good by')">
Good-Bye beim verlassen der Seite
- Nach oben!
<CENTER> <TABLE BORDER="2" CELLPADING="2" CELLSPACING="2" BGCOLOR="brown"> <TR><TD BGCOLOR="blue"> <FONT SIZE="3" COLOR="white" STYLE="cursor:hand" ONMOUSEOUT="dis()" ONMOUSEOVER="chen()"> <B>Web Site Info.</A><BR></FONT> </TD></TR> </TABLE> </CENTER> <font size=2 face="arial narrow"> <input type=button name="add" style="position:absolute;top:50;left:400;background-color:yellow;color:black;border-color:black;height:0;width:0"> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin function chen() { add.value="Web Sitenwww.skydrak.de - 100 % kostenlos nhttp://www.skydrak.de//nDanke für Ihren Besuch!" add.style.height=120 add.style.width=260 } function dis() { add.value="" add.style.height=0 add.style.width=0 } // End --> </script>
Message-Window
- Nach oben!
<html> <BODY TEXT="#FFFFFF" LINK="#FFFFFF" VLINK="#999999" ALINK="#00FF00" BGCOLOR="#000000"> <Center> <script LANGUAGE="JavaScript"> function dialog3() { var stop ="ende" stop = prompt("Der String 'ende' beendet diese Schleife.","") while (stop != "ende") { stop = prompt("Um diese Schleife zu beenden, geben Sie 'ende' ein.","") } alert("Die Schleife ist nun beendet.") } //--> </script> <form> <div align="center"><center><p><font face="Verdana"> <input TYPE="BUTTON" VALUE=" Hier drücken " onClick="dialog3()"> </font></p> </center></div> </form> </center> </body> </html>
Passwortabfrage nach klick
- Nach oben!
<!-- //Dieses Script stammt von firewalker //URL: http://www.scripte.here4u.de -- eMail: firewalkerishot@hotmail.com //Bitte entfernen Sie diesen Vermerk nicht !--> <form name="form2" action=www.mauscodes.de> <input type="submit" name="banner" VALUE=".......Submit......." onClick="alert('check this out by mauscodetester')"> </form> <script language="JavaScript"> var id,pause=0,position=0; function banner() { // variables declaration var i,k,msg="www.mauscodes.de-das Paradies für Suchende"; // increase msg k=(60/msg.length)+1; for(i=0;i<=k;i++) msg+=" "+msg; // show it to the window document.form2.banner.value=msg.substring(position,position+60); // set new position if(position++==msg.length) position=0; // repeat at entered speed id=setTimeout("banner()",150); } // end --> banner(); </script>
Bei klick auf einen Button, öffnet sich ein Fenster
- Nach oben!
<a href="URL EINGEBEN!" onMouseOver="alert('IHRE NACHRICHT');return true;">Hier deinen Text eintragen/a>
Beim drüberfahren eines Textes, öffnet sich ein Fenster
- Nach oben!
<script LANGUAGE="JavaScript"><!-- function Info() { if (!confirm("Du besuchst nun eine Seite die nichts besonderes enthält. Drücke <OK> um einzutreten. Drücke <Abbrechen> wenn Du Deine Meinung geändert hast!")) history.go(-1);return " " } document.writeln(Info())<!--End--> </script>
Fragt ob der Besucher die Seite betreten will
- Nach oben!
<script language="JavaScript"> // Hide script from old browsers n=window.prompt("Wie darf ich dich nennen?Trag deinen Namen ein:","Lobi"); document.write("<center><h2><b><emb>Hallo "+n+"<BR>Willkommen <emb></b></h2></center>"); // End Hiding Script // --> </script>
Beim betreten der Seite wird nach dem Namen gefragt
- Nach oben!
<html> <BODY LINK="#FFFFFF" TEXT="#00000" VLINK="#999999" ALINK="#00FF00" BGCOLOR="#000000"> <CENTER> <SCRIPT language="JavaScript"> <!-- Verstecken für ältere Browser -- var quotenumber = 14 ; var randomnumber = Math.random() ; var rand1 = Math.round( (quotenumber-1) * randomnumber) + 1 ; quotes = new Array quotes[1] = "NACHRICHT #1" quotes[2] = "NACHRICHT #2" quotes[3] = "NACHRICHT #3" quotes[4] = "NACHRICHT #4" quotes[5] = "NACHRICHT #5" quotes[6] = "NACHRICHT #6" quotes[7] = "NACHRICHT #7" quotes[8] = "NACHRICHT #8" quotes[9] = "NACHRICHT #9" quotes[10] = "NACHRICHT #10" quotes[11] = "NACHRICHT #11" quotes[12] = "NACHRICHT #12" quotes[13] = "NACHRICHT #13" quotes[14] = "NACHRICHT #14" var quote = quotes[rand1] // -- End Hiding Here --> </SCRIPT> </HEAD> <SCRIPT language="JavaScript"> <!-- Vertecken für ältere Browser -- document.write("<i>" + quote + "</i>") // -- Ende Verstecken --> </SCRIPT> </CENTER> </BODY> </HTML>
Bei jedem Besucher erscheint eine andere Begrüßung
- Nach oben!
<body bgcolor="#FF9933" text="#666666" link="#339900" vlink="#339900" alink="#339900"> <a href="http://www.beepworld-hilfe.de"><script language="JavaScript"><!-- alert("Dein Text 1") alert("Dein Text 2") alert("Dein Text 3") alert("Dein Text 4") alert("Dein Text 5") // --></script></a> <p align="center"><br> <br> <br> </p>
Begrüßung beim betreten deiner Homepage
- Nach oben!
<Center> <HEAD><script language="JavaScript"> <!-- var max=0; function textlist() { max=textlist.arguments.length; for (i=0; i<max; i++) this[i]=textlist.arguments[i]; } tl=new textlist ( " Das ist das Beispiel vom Text-Ticker", " Der Text wird dabei so geschrieben wie bei einer Schreibmaschine.", " Am Ende jeder Zeile wir eine kurze Pause gemacht.", " Es wäre nett von dir,solltest du dich entschließen, eines", " dieser Scripte zu benutzen,wenn du dich dann in mein ", " Gästebuch eintragen würdest.", " Solltest du andere Probleme mit HTML haben,", " schau doch mal in mein Forum", " ", " " ); var x=0; pos=0; var l=tl[0].length; function textticker() { document.form1.textfeld.value=tl[x].substring(0,pos)+"_"; if(pos++==l) { pos=0; setTimeout("textticker()",2000); x++; if(x==max) x=0; l=tl[x].length; } else setTimeout("textticker()",50); } // --> </script> <form name="form1"> <input type="text" size="65" name="textfeld" value=" Willkommen " style="font-weight: normal; color: black; background-color: white; font-family: Arial; font-size: 9pt"> </form> </center> </body> </html>
Dein Text in einem Rahmen
- Nach oben!
<Html> <BODY TEXT="#FFFFFF" LINK="#FFFFFF" VLINK="#999999" ALINK="#00FF00" BGCOLOR="#000000" onload="marquee()"> <Center> <script language="JavaScript"> <!-- var timerID = null; var timerRunning = false; var id,pause=0,position=0; function marquee() { var i,k,msg=" Da könnte bald auch dein Text stehen :-) "; k=(75/msg.length)+1; for(i=0;i<=k;i++) msg+=" "+msg; document.marqueeform.marquee.value=msg.substring(position,position+120); if(position++==69) position=0; id=setTimeout("marquee()",1000/10); } function action() { if(!pause) { clearTimeout(id); pause=1; } else { marquee(); pause=0; } } // --> </script> <form name="marqueeform"> <input type="text" name="marquee" size="30"> </form> </center> </body> </html>
Newsticker mit deinem Text
- Nach oben!
<Center> <SCRIPT LANGUAGE="JavaScript"> <!-- ... Quelle Beispiel ... // Farbspiel function HexArray(n) { this.length = n for(i = 0; i < 10; i++) this[i] = i this[10] = "A" this[11] = "B" this[12] = "C" this[13] = "D" this[14] = "E" this[15] = "F" return(this) } hex = new HexArray() function DezNachHex(x) { var high = Math.floor(x / 16) var low = Math.floor(x - high * 16) return(hex[high] + "" + hex[low]) } function Farbspiel(text) { for(i = 0; i < text.length; i++) { FarbwertRot = 255 - (255 * i) / (text.length - 1) FarbwertGruen = 10 FarbwertBlau = 10 document.write("<FONT COLOR='#" + DezNachHex(FarbwertRot) + DezNachHex(FarbwertGruen) + DezNachHex(FarbwertBlau) + "'>" + text.substring(i, i + 1) + "</FONT>") } } // --> </SCRIPT> <STRONG> <SCRIPT LANGUAGE="JavaScript"> <!-- Farbspiel("Surfen im Netz, aber bitte mit Pfiff!") file://--> </SCRIPT> </STRONG> </center>
Text wird am Ende dunkel
- Nach oben!
<style> <!-- #glowtext{ filter:glow(color=FFFF00,strength=3); width:100%; } --> </style> <script language="JavaScript1.2"> function glowit(which){ if (document.all.glowtext[which].filters[0].strength==3) document.all.glowtext[which].filters[0].strength=2 else document.all.glowtext[which].filters[0].strength=3 } function glowit2(which){ if (document.all.glowtext.filters[0].strength==3) document.all.glowtext.filters[0].strength=2 else document.all.glowtext.filters[0].strength=3 } function startglowing(){ if (document.all.glowtext&&glowtext.length){ for (i=0;i<glowtext.length;i++) eval('setInterval("glowit('+i+')",150)') } else if (glowtext) setInterval("glowit2(0)",150) } if (document.all) window.onload=startglowing </script> <table width="50%" border="0"> <tr> <td> <p align="center"><span id="glowtext"><big><big><a href="http://www.moc.de.cx" target="_top"><font size="1" face="Arial">Dieser Link leuchtet!</font></a></big></big></span><font size="1" face="Arial"><big><big><br> <span id="glowtext">Dieser Text leuchtet auch!</span></big></big></font></p> <p align="center"><font size="1" face="Verdana"><big> <script language="JavaScript1.2"> function changesettings(){ if (document.all){ if (document.body.style.cssText==''||document.body.style.backgroundColor=='white') document.body.style.cssText="background-color:black;color:white" else document.body.style.cssText="background-color:white;color:black" } } </script> <a href="javascript:changesettings()">Hintergrund wechseln</a></big></font></p> </td> </tr> </table> <p align="center"> </p>
Text leuchtet
- Nach oben!
<script language="JavaScript"> <!-- var blinkColTbl = new Array(); blinkColTbl[0] = "black"; blinkColTbl[1] = "white"; var blinkTimeout = 500; function blinky() { var blinkTimeout = 500; blink(); } function zucki() { var blinkTimeout = 100; blink(); } var blinkIdx = 0; function blink () { if ( document.all && document.all.blink ) { blinkIdx = (blinkIdx+=1) % 2 ; var color = blinkColTbl [ blinkIdx ]; if ( document.all.blink.length ) { for(i=0;i<document.all.blink.length;i++) document.all.blink[i].style.color=color; } else document.all.blink.style.color=color; setTimeout( "blink();" , blinkTimeout); } } file://--> </script> </head> <body> <h1 align="center"><font size="3"></font></h1> <p align="center"> </p> <ol> <h1 align="center"><font color="#FF0000"><b><blink><span id="blink">Blinktext</span></blink></b></font><br> <script language="JavaScript"> <!-- blink(); file://--> </script>
Blinkender Text
- Nach oben!
<div align="center"><MARQUEE behavior=alternate>text</marquee>
Text schwengt hin und her
- Nach oben!
<html> <BODY TEXT="#FFFFFF" BGCOLOR="#000000" onLoad="StartShow()" onUnload"StopShow()"> <Center> <SCRIPT LANGUAGE="JavaScript"> <!-- var timerID = null var timerRunning = false var charNo = 0 var charMax = 0 var lineNo = 0 var lineMax = 4 var lineArr = new Array(lineMax) var urlArr = new Array(lineMax) lineArr[1] = "Dies ist Link 1" urlArr[1] = "http://" lineArr[2] = "Dies ist Link 2" urlArr[2] = "http://" lineArr[3] = "Dies ist Link 3" urlArr[3] = "http://" lineArr[4] = "Dies ist Link 4" urlArr[4] = "http://" var lineText = lineArr[1] function StartShow() { StopShow() ShowLine() timerRunning = true } function FillSpaces() { for (var i = 1; i <= lineWidth; i++) { spaces += " " } } function StopShow() { if (timerRunning) { clearTimeout(timerID) timerRunning = false } } function ShowLine() { if (charNo == 0) { // Next line if (lineNo < lineMax) { lineNo++ } else { lineNo = 1 } lineText = lineArr[lineNo] charMax = lineText.length } if (charNo <= charMax) { // Next char document.formDisplay.buttonFace.value = lineText.substring(0, charNo) charNo++ timerID = setTimeout("ShowLine()", 100) } else { charNo = 0 timerID = setTimeout("ShowLine()", 3000) } } function GotoUrl(url) { top.location.href = url } // end hide --> </SCRIPT> <FORM name="formDisplay"> <INPUT TYPE="button" NAME="buttonFace" VALUE="&{lineText};" onClick="GotoUrl(urlArr[lineNo])"></INPUT> </FORM> </body> </html>
Ein Button der ständig die Links wechselt
- Nach oben!
<a href="#" onMouseover="alert('Warum fährst Du mit der Maus hierer?'); alert('Ich habe Dir nicht gesagt, daß Du das darfst!'); alert('Ich glaube, Du solltest mir eine Entschuldigung mailen!'); alert('Ja, das solltest Du besser gleich tun bevor ich böse werde!!!'); window.location.href=('mailto:name@provider.de?subject=Tut mir leid!')" target=" _top">NICHT BERÜHREN !!!!!!!!!</a> </p>
Nicht berühren Link um Besucher zu ärgern
- Nach oben!
<IMG src=http://www.adresse-des-bildes.de/bild.jpg border=0>
Kein blauer Rand um verlinkte Bilder
- Nach oben!
<P align=left><A onmouseover="this.style.fontWeight='bold';" style="FONT-WEIGHT: normal; COLOR: navy; FACE: Metro" onmouseout="this.style.fontWeight='normal';" target=blank href="http://www.beepworld-hilfe.de" FONT-WEIGHT: normal?><FONT face="Comic Sans MS" size=4>Test-Link</FONT></A></P>
Link wird dicker beim drüberfahren
- Nach oben!
<STYLE fprolloverstyle>A:hover { FONT-WEIGHT: bold; COLOR: #ff0000 } </STYLE> </HEAD> <BODY vLink=#666699 aLink=#000000 link=#ca7900 bgColor=#ffffff> </BODY><FONT face="Verdana" size=2><B><A style="TEXT-DECORATION: none" href="www.mauscodes.de">Test-Link </A> </B></FONT> <BODY vLink=#666699 aLink=#000000 link=#ca7900 bgColor=#ffffff> <p> </p> </BODY></HTML></p> <p> </body> </html>
Link ändert die Farbe beim darüberfahren
- Nach oben!
<p align=center><a href="http://www.deine-adresse.de" target=_blank><IMG border=0 src="URL des Bildes"></a></p>
Link über Bild öffnet sich in einem neuen Fenster
- Nach oben!
<a href=http://www.name-unterseite.de target="mainframe"><img src=URL des Bildes></a>
Link über Bild öffnet sich im Frame
- Nach oben!
<a href=http://www.die-homepage-adresse.de target="_blank">Dein Link Text</a>
Link öffnet sich in einem neuen Fenste
r
- Nach oben!
<a href="http://www.deine-adresse.de" target=mainframe>Link-Text</a>
Link öffnet sich im Frame
- Nach oben!
<div id="welle" style="width:100%; font-size:50pt; color:#FF0000; filter:Wave(freq=1, light=50, phase=50, strength=1);">Hier kommt dann ihr Text rein.</div> <script language="JavaScript"> <!-- function welle() { if(document.all.welle.filters[0].freq > 10) document.all.welle.filters[0].freq = 5; document.all.welle.filters[0].freq += 1; if(document.all.welle.filters[0].phase > 100) document.all.welle.filters[0].phase = 0; document.all.welle.filters[0].phase += 10; if(document.all.welle.filters[0].strength > 10) document.all.welle.filters[0].strength = 1; document.all.welle.filters[0].strength += 1; window.setTimeout("welle()",100); } welle(); file://--> </script>
Ein Wellentext
- Nach oben!
<SCRIPT LANGUAGE="JavaScript"> <!-- Begin if (document.all) { //Folgendes kann angepasst werden yourLogo = "---Willkommen lieber Besucher--- "; //Mehr als 2 Zeichen! logoFont = "Arial"; logoColor = "#FFFFFF"; //ab hier nichts mehr ändern! yourLogo = yourLogo.split(''); L = yourLogo.length; TrigSplit = 360 / L; Sz = new Array() logoWidth = 150; logoHeight = -30; ypos = 0; xpos = 0; step = 0.03; currStep = 0; document.write('><div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i = 0; i < L; i++) { document.write('<div id="ie" style="position:absolute;top:0px;left:0px;' +'width:10px;height:10px;font-family:'+logoFont+';font-size:12px;' +'color:'+logoColor+';text-align:center">'+yourLogo[i]+'</div>'); } document.write('</div></div>'); function Mouse() { ypos = event.y; xpos = event.x - 5; } document.onmousemove=Mouse; function animateLogo() { outer.style.pixelTop = document.body.scrollTop; for (i = 0; i < L; i++) { ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180); ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180); Sz[i] = ie[i].style.pixelTop - ypos; if (Sz[i] < 5) Sz[i] = 5; ie[i].style.fontSize = Sz[i] / 1.7; } currStep -= step; setTimeout('animateLogo()', 20); } window.onload = animateLogo; } // End --</script>
3 D Text um den Cursor
kreisend. Text kann beliebig geändert werden.
Klicke HIER um Beispiel zu sehen!
- Nach oben
In den HEAD Tag <STYLE> <!-- BODY{ scrollbar-face-color:#EFC8C1; scrollbar-arrow-color:#6f6f6f; scrollbar-track-color:#B5AEB8; scrollbar-shadow-color:#272333; scrollbar-highlight-color:''; scrollbar-3dlight-color:''; scrollbar-darkshadow-Color:''; } --> </STYLE>
Bunte Scrollleiste
- Nach oben!
<html> <head> <script language="JavaScript"> fCol='000000';//Farbe Zahlen. sCol='ff0000';//Farbe Sekundenzeiger. mCol='000000';//Farbe Minutenzeiger. hCol='000000';//Farbe Stundenzeiger. H='....'; H=H.split(''); M='.....'; M=M.split(''); S='......'; S=S.split(''); Ypos=0; Xpos=0; Ybase=8; Xbase=8; dots=12; ns=(document.layers)?1:0; if (ns){ dgts='1 2 3 4 5 6 7 8 9 1
Noch eine Uhr
- Nach oben!
<html> <BODY TEXT="#FFFFFF" LINK="#FFFFFF" VLINK="#999999" ALINK="#00FF00" BGCOLOR="#000000" onload="startBanner()"> <Center> <script language="JavaScript"><!-- // Hide the script from old browsers -- var speed = 10 var pause = 1500 var timerID = null var bannerRunning = false var ar = new Array() ar[0] = "Willkommen" ar[1] = "bei" ar[2] = "Toolweb.de.vu" ar[3] = "das Toolweb für die Homepage!." var message = 0 var state = "" clearState() function stopBanner() { if (bannerRunning) clearTimeout(timerID) bannerRunning = false } function startBanner() { stopBanner() showBanner() } function clearState() { state = "" for (var i = 0; i < ar[message].length; ++i) { state += "0" } } function showBanner() { if (getString()) { message++ if (ar.length <= message) message = 0 clearState() timerID = setTimeout("showBanner()", pause) bannerRunning = true } else { var str = "" for (var j = 0; j < state.length; ++j) { str += (state.charAt(j) == "1") ? ar[message].charAt(j) : " " } window.status = str timerID = setTimeout("showBanner()", speed) bannerRunning = true } } function getString() { var full = true for (var j = 0; j < state.length; ++j) { if (state.charAt(j) == 0) full = false } if (full) return true while (1) { var num = getRandom(ar[message].length) if (state.charAt(num) == "0") break } state = state.substring(0, num) + "1" + state.substring(num + 1, state.length) return false } function getRandom(max) { return Math.round((max - 1) * Math.random()) } // -- End Hiding Here // --></script> </center> </body> </html>
Text baut sich auf
- Nach oben!
<script language="JavaScript"> <!-- function Ergebnis() { var x = 0; x = eval(window.document.Rechner.Display.value); window.document.Rechner.Display.value = x; } function Hinzufuegen(Zeichen) { window.document.Rechner.Display.value = window.document.Rechner.Display.value + Zeichen; } function Sonderfunktion(Funktion) { if(Funktion == "sqrt") { var x = 0; x = eval(window.document.Rechner.Display.value); window.document.Rechner.Display.value = Math.sqrt(x); } if(Funktion == "pow") { var x = 0; x = eval(window.document.Rechner.Display.value); window.document.Rechner.Display.value = x * x; } if(Funktion == "log") { var x = 0; x = eval(window.document.Rechner.Display.value); window.document.Rechner.Display.value = Math.log(x); } } //--> </script> <form name="Rechner"> <table border=8 cellpadding=10> <tr> <td bgcolor=#C0C0C0><input name="Display" size=30 maxlength=30></td> </tr> <tr><td><table> <tr> <td width=50><input type=button value=" 7 " onClick="Hinzufuegen('7')"></td> <td width=50><input type=button value=" 8 " onClick="Hinzufuegen('8')"></td> <td width=70><input type=button value=" 9 " onClick="Hinzufuegen('9')"></td> <td width=50><input type=button value=" + " onClick="Hinzufuegen('+')"></td> </tr> <tr> <td width=50><input type=button value=" 4 " onClick="Hinzufuegen('4')"></td> <td width=50><input type=button value=" 5 " onClick="Hinzufuegen('5')"></td> <td width=70><input type=button value=" 6 " onClick="Hinzufuegen('6')"></td> <td width=50><input type=button value=" - " onClick="Hinzufuegen('-')"></td> </tr> <tr> <td width=50><input type=button value=" 1 " onClick="Hinzufuegen('1')"></td> <td width=50><input type=button value=" 2 " onClick="Hinzufuegen('2')"></td> <td width=70><input type=button value=" 3 " onClick="Hinzufuegen('3')"></td> <td width=50><input type=button value=" * " onClick="Hinzufuegen('*')"></td> </tr> <tr> <td width=50><input type=button value=" = " onClick="Ergebnis()"></td> <td width=50><input type=button value=" 0 " onClick="Hinzufuegen('0')"></td> <td width=70><input type=button value=" . " onClick="Hinzufuegen('.')"></td> <td width=50><input type=button value=" / " onClick="Hinzufuegen('/')"></td> </tr> <tr> <tr> <td width=50><input type=button value="sqrt " onClick="Sonderfunktion('sqrt')"></td> <td width=50><input type=button value=" pow " onClick="Sonderfunktion('pow')"></td> <td width=70><input type=button value=" log " onClick="Sonderfunktion('log')"></td> <td width=50><input type=reset value=" C "></td> </tr> </tr> </table> </td></tr></table> </form>
Ein
Taschenrechner
für eure Homepage
- Nach oben!
<!--[if IE ]> <span style="color:blue; cursor:hand;" onclick="this.style.behavior= 'url(#default#homepage)'; this.setHomePage( 'http://cool100.2in.de' );"> <u> Als Startseite festlegen </u> </span> <![endif] //-->
Homepage als
Startseite
festlegen
- Nach oben!
<SCRIPT language=JavaScript1.2> var no = 12; // snow number var speed = 6; // smaller number moves the shamrocks faster var snowflake = "http://www.beepworld.de/memberdateien/members7/terminator123/strudel3.gif"; var ns4up = (document.layers) ? 1 : 0; // browser sniffer var ie4up = (document.all) ? 1 : 0; var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width = 800, doc_height = 600; if (ns4up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); for (i = 0; i < no; ++ i) { dx[i] = 0; // set coordinate variables xp[i] = Math.random()*(doc_width-50); // set position variables yp[i] = Math.random()*doc_height; am[i] = Math.random()*0; // set amplitude variables stx[i] = 0.02 + Math.random()/10; // set step variables sty[i] = 0.7 + Math.random(); // set step variables if (ns4up) { // set layers if (i == 0) { document.write("<layer name="dot"+ i +"" left="15" "); document.write("top="15" visibility="show"><img src=""); document.write(snowflake + "" border="0"></layer>"); } else { document.write("<layer name="dot"+ i +"" left="15" "); document.write("top="15" visibility="show"><img src=""); document.write(snowflake + "" border="0"></layer>"); } } else if (ie4up) { if (i == 0) { document.write("<div id="dot"+ i +"" style="POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;"><img src=""); document.write(snowflake + "" border="0"></div>"); } else { document.write("<div id="dot"+ i +"" style="POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;"><img src=""); document.write(snowflake + "" border="0"></div>"); } } } function snowNS() { // Netscape main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = self.innerWidth; doc_height = self.innerHeight; } dx[i] += stx[i]; document.layers["dot"+i].top = yp[i]; document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowNS()", speed); } function snowIE() { // IE main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx[i] += stx[i]; document.all["dot"+i].style.pixelTop = yp[i]; document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowIE()", speed); } if (ns4up) { snowNS(); } else if (ie4up) { snowIE();
Es schneit
- Nach oben!
return this } hex=new MakeArray(16); hex[11]="A"; hex[12]="B"; hex[13]="C"; hex[14]="D"; hex[15]="E"; hex[16]="F"; function ToHex(x){ var high=x/16; var s=high+""; s=s.substring(0,2); high=parseInt(s,10); var left=hex[high+1]; var low=x-high*16; s=low+""; s=s.substring(0,2); low=parseInt(s,10); var right=hex[low+1]; var string=left+""+right; return string; } function rainbow(text){ text=text.substring(3,text.length-4); color_d1=255; mul=color_d1/text.length; var page for(i=0;i<text.length;i++){ color_d1=255*Math.sin(i/(text.length/3)); // some other things you can try><FONT COLOR="#FF' + color_h1+color_h2+ '">' page += text.substring(i,i+1)+ '</FONT>'; document.write(page) } } </script> <script LANGUAGE="JavaScript"> rainbow("--<!--") //--> </script>
Regenbogen
- Nach oben!
<OBJECT ID="MediaPlayer" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" CODEBASE= "http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715" width="150" height="50" standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject"> <PARAM NAME="FileName" VALUE="http://104.6rtl.unit.net/stream-wmt-spot.cfm?preStream=0&stream=45&spot=0"> <PARAM NAME="TransparentAtStart" Value="true"> <PARAM NAME="AutoStart" Value="true"> <PARAM NAME="AnimationatStart" Value="false"> <PARAM NAME="ShowStatusBar" Value="true"> <PARAM NAME="ShowControls" Value="true"> <PARAM NAME="autoSize" Value="false"> <PARAM NAME="displaySize" Value="false"> <PARAM NAME="ShowAudioControls" Value="true"> <PARAM NAME="ShowPositionControls" Value="false"> <Embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/" src="http://104.6rtl.unit.net/stream-wmt-spot.cfm?preStream=0&stream=45&spot=0" Name="MediaPlayer" width="150" height="50" transparentAtStart="1" autostart="1" animationAtStart="0" ShowControls="true" ShowAudioControls="1" ShowPositionControls="0" autoSize="0" ShowStatusBar="1" displaySize="false"></embed></OBJECT>
Radio RTL
- Nach oben!
<!-- TWO STEPS TO INSTALL POPUP WINDOW: ><!-- STEP ONE: Copy this code into the HEAD of your HTML document --> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin function popUp() { props=window.open('http://cool100.2in.de/umfrage.htm', 'poppage', 'toolbars=0, scrollbars=1, location=0, statusbars=0, menubars=0, resizable=1, width=500, height=500, left = 390, top = 134'); } // End --> </script> <!-- STEP TWO: Paste this onLoad event handler into the BODY tag --> <BODY onLoad="javascript:popUp()"> <!-- Script Size: 0.73 KB --></textarea><br></font><br><font face="MS Serif"><a name="popup2" style="font-family: Verdana,Arial; font-size: 8pt; color: maroon; text-decoration: none; line-height: 12pt"><font color="#000000" size="2">Pop-up Fenster, dass sich automatisch öffnet</font></a></font><font size="2"><br> </font> </b> <font face="MS Serif" color="#FF0000"> <span style="background-color: #000000; font-weight:700"> <font color="#FFFFFF"> <a href="#nach oben" style="font-family: Verdana,Arial; font-size: 8pt; text-decoration: none; line-height: 12pt"> <font color="#FFFFFF" size="2"> - Nach oben! </font></a> </font></span></font> </p> <p align="left"> </p> <p align="left"> <b> <font size="3"> <br><hr><br><textarea rows="4" name="S11" cols="44"><!-- TWO STEPS TO INSTALL POPUP WINDOW: ><!-- STEP ONE: Copy this code into the HEAD of your HTML document --> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin function popUp() { props=window.open('http://cool100.2in.de.de', 'poppage', 'toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=1, width=1280, height=768'); } // End --> </script> <!-- STEP TWO: Use the following link to open the new window --> <A HREF="javascript:popUp()">Open the Popup Window</A> <!-- Script Size: 0.73 KB -->
Pop-up Fenster, dass sich per Link öffnet
- Nach oben!
<br> <script language="JavaScript1.2"> function disableselect(e){ return false } function reEnable(){ return true } document.onselectstart=new Function ("return false") if (window.sidebar){ document.onmousedown=disableselect document.onclick=reEnable } </script></br>
Markiersperre
- Nach oben!
<script language="JavaScript"> <!-- kurt.grigg@virgin.net if (document.all){ amount=15; Color='#ffaaff'; GlowColor='#ff00ff'; ypos=0; xpos=0; ybase=15; xbase=-80; step=0.07; currStep=0; TrigSplit=360/amount; MY=0; MX=0; C=0; c=0.05 for (i=0; i < amount; i++) document.write('><div id="ieDiv" style="position:absolute;top:0px;left:0px;height:20;width:20;text-align:center"><B>.</B></div>'); function orbit(){ MY=document.body.scrollTop+document.body.clientHeight/2 + document.body.clientHeight/2.8*Math.cos((C)/3)*Math.cos(C/10); MX=document.body.scrollLeft+20+document.body.clientWidth/2.2 + document.body.clientWidth/2.4*Math.sin((C)/5)*Math.sin(C/20); ypos=MY; xpos=MX; for (i=0; i < amount; i++){ var d=ieDiv[i].style; if (d.pixelTop > ypos+2){ { d.fontSize=18; d.paddingTop=7; d.filter='glow(color='+GlowColor+', strength=7)'; } if (d.pixelTop > ypos+10) { d.fontSize=15; d.paddingTop=10; d.filter='glow(color='+GlowColor+', strength=6)'; } } else { d.fontSize=25; d.paddingTop=0; d.color=Color; d.filter='glow(color='+GlowColor+', strength=8)'; } d.top=ypos+ybase*Math.sin(currStep+i*TrigSplit*Math.PI/180); d.left=xpos+xbase*Math.cos(currStep+i*TrigSplit*Math.PI/180); } C+=c; currStep+=step; setTimeout('orbit()',20); } window.onload=orbit; } // --</script>
Leuchtkranz 2
- Nach oben!
<script language="JavaScript"> <!-- Multi-Fx1 Script by kurt.grigg@virgin.net var step=0.4; var a_StEp=0.1; var RunTime=0; var currStep = 0; var Xpos = 0; var Ypos = 0; var cntr=70; if (document.layers){ document.write('><LAYER NAME="a0" LEFT=0 TOP=0 BGCOLOR=#FF0000 CLIP="0,0,2,2"></LAYER>' +'<LAYER NAME="a1" LEFT=0 TOP=0 BGCOLOR=#00FF00 CLIP="0,0,2,2"></LAYER>' +'<LAYER NAME="a2" LEFT=0 TOP=0 BGCOLOR=#3355FF CLIP="0,0,2,2"></LAYER>' +'<LAYER NAME="a3" LEFT=0 TOP=0 BGCOLOR=#FFF000 CLIP="0,0,2,2"></LAYER>' +'<LAYER NAME="a4" LEFT=0 TOP=0 BGCOLOR=#FF00FF CLIP="0,0,2,2"></LAYER>' +'<LAYER NAME="a5" LEFT=0 TOP=0 BGCOLOR=#FFFFFF CLIP="0,0,2,2"></LAYER>' +'<LAYER NAME="a6" LEFT=0 TOP=0 BGCOLOR=#FFA000 CLIP="0,0,2,2"></LAYER>'); } else if (document.all){ document.write('<div id="ieDiv" style="position:absolute;top:0px;left:0px">' +'<div id="c" style="position:relative">' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#ff0000;font-size:2px"></div>' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#00ff00;font-size:2px"></div>' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#ffffff;font-size:2px"></div>' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#ffa500;font-size:2px"></div>' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#ff00ff;font-size:2px"></div>' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#3388ff;font-size:2px"></div>' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#fff000;font-size:2px"></div>' +'</div>' +'</div>'); } function moveAbout(){ if (document.layers) { Ypos = window.pageYOffset+window.innerHeight/2 + window.innerHeight/3 * Math.cos((RunTime)/3)*Math.cos(RunTime/50); Xpos = window.pageXOffset+window.innerWidth/2 + window.innerWidth/2.4 * Math.sin((RunTime)/5)*Math.cos(RunTime/30); } else if (document.all) { Ypos = document.body.scrollTop+document.body.offsetHeight/2 + document.body.offsetHeight/2.8*Math.cos((RunTime)/3)*Math.cos(RunTime/10); Xpos= document.body.scrollLeft+document.body.offsetWidth/2 + document.body.offsetWidth/2.4*Math.sin((RunTime)/5)*Math.sin(RunTime/20); } RunTime+=a_StEp; Tma=setTimeout("moveAbout()", 10); } function TwistnSpin(){ if (document.layers) { for ( i = 0 ; i < 7 ; i++ ) //number of NS layers! { var templayer="a"+i document.layers[templayer].top = Ypos+cntr*Math.cos(((currStep+1)+i*4.5)/5)*Math.cos(currStep/10) document.layers[templayer].left =Xpos+cntr*Math.sin(((currStep+1)+i*4.5)/5); } } else if (document.all) { for (i=0;i<ieDiv.all.c.all.length;i++) { ieDiv.all.c.all[i].style.top = Ypos+cntr*Math.cos(((currStep+1)+i*4.5)/5)*Math.cos(currStep/10) ieDiv.all.c.all[i].style.left= Xpos+cntr*Math.sin(((currStep+1)+i*4.5)/5); } } currStep+=step; setTimeout("TwistnSpin()",10); } function Shrink(){ cntr-=0.5; GoShrink=setTimeout('Shrink()',10); if (cntr ><=20) {clearTimeout(GoShrink);Swell()} } function Swell(){ cntr+=0.5; GoSwell=setTimeout('Swell()',10); if (cntr >=70) {clearTimeout(GoSwell);Shrink()} } function StArTuP(){ moveAbout(); TwistnSpin(); Shrink(); } StArTuP(); // --</script>
Leuchtkranz
- Nach oben!
<br> <script language=JavaScript> var message=""; function clickIE() {if (document.all) {(message);return false;}} function clickNS(e) {if (document.layers||(document.getElementById&&!document.all)) { if (e.which==2||e.which==3) {(message);return false;}}} if (document.layers) {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;} else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;} </script></br>
Kopiersperre ohne Warnung
- Nach oben!
<script language="JavaScript"> function click() {if (event.button==2) {alert('Warntext')}} document.onmousedown=click </script>
Kopiersperre
mit Warnung
- Nach oben!
<p><DIV align=center> <CENTER> <DIV align=center> <CENTER> </CENTER></DIV> <TABLE width=566 border=0> <TBODY> <TR> <TD width="100%"> <P align=center><FONT face=Verdana><SMALL>[<A onMouseOver="document.bgColor='green'" href="http://www.beepworld.de/">Green</A>] [<A onMouseOver="document.bgColor='greem'" href="http://www.beepworld.de/">Bright Green</A>] [<A onMouseOver="document.bgColor='seagreen'" href="http://www.beepworld.de/">Sea Green</A>] [<A onMouseOver="document.bgColor='red'" href="http://www.beepworld.de/">Red</A>]<BR>[<A onMouseOver="document.bgColor='magenta'" href="http://www.beepworld.de/">Magenta</A>] [<A onMouseOver="document.bgColor='fusia'" href="http://www.beepworld.de/">Fusia</A>] [<A onMouseOver="document.bgColor='pink'" href="http://www.beepworld.de/">Pink</A>] [<A onMouseOver="document.bgColor='purple'" href="http://www.beepworld.de/">Purple</A>]<BR>[<A onMouseOver="document.bgColor='navy'" href="http://www.beepworld.de/">Navy</A>] [<A onMouseOver="document.bgColor='blue'" href="http://www.beepworld.de/">Blue</A>] [<A onMouseOver="document.bgColor='royalblue'" href="http://www.beepworld.de/">Royal Blue</A>] [<A onMouseOver="document.bgColor='Skyblue'" href="http://www.beepworld.de/">Sky Blue</A>]<BR>[<A onMouseOver="document.bgColor='yellow'" href="http://www.beepworld.de/">Yellow</A>] [<A onMouseOver="document.bgColor='brown'" href="http://www.beepworld.de/">Brown</A>] [<A onMouseOver="document.bgColor='almond'" href="http://www.beepworld.de/">Almond</A>] [<A onMouseOver="document.bgColor='white'" href="http://www.beepworld.de/">White</A>]<BR>[<A onMouseOver="document.bgColor='black'" href="http://www.beepworld.de/">Black</A>] [<A onMouseOver="document.bgColor='coral'" href="http://www.beepworld.de/">Coral</A>] [<A onMouseOver="document.bgColor='olivedrab'" href="http://www.beepworld.de/">Olive Drab</A>] [<A onMouseOver="document.bgColor='orange'" href="http://www.beepworld.de/">Orange</A>] </SMALL></FONT></P></TD></TR></TBODY></TABLE></CENTER></DIV><br> </p>
Hintergrundfarbe 2
- Nach oben!
<table CELLSPACING="4" CELLPADDING="6" ALIGN="Center" border="5" width="96"> <tr> <td align="center" bgcolor="#FFFFFF" width="53"><a href="#" onmouseover="document.bgColor='#ffffff'"><font color="#FFFFFF">weiß</font></td> <td align="center" bgcolor="#FFFAEA" width="53"></a><a href="#" onmouseover="document.bgColor='#fffaea'"><font color="#FFFAEA">beige</font></td> <td align="center" bgcolor="#CCCCCC" width="54"></a><a href="#" onmouseover="document.bgColor='#cccccc'"><font color="#CCCCCC">silber</font></td> </a><td align="center" bgcolor="#000000" width="54"><font color="#000000"><a href="#" onmouseover="document.bgColor='#000000'">schwarz</a></font></td> </tr> </table>
Hintergrundfarbe
- Nach oben!
} function glowit2(which){ if (document.all.glowtext.filters[0].strength==3) document.all.glowtext.filters[0].strength=2 else document.all.glowtext.filters[0].strength=3 } function startglowing(){ if (document.all.glowtext&&glowtext.length){ for (i=0;i<glowtext.length;i++) eval('setInterval("glowit('+i+')",150)') } else if (glowtext) setInterval("glowit2(0)",150) } if (document.all) window.onload=startglowing ></script> <table width="50%" border="0"> <tr> <td> <p align="center"><span id="glowtext"><big><big><a href="http://www.moc.de.cx" target="_top"><font size="1" face="Arial">Ihr Link leuchtet!</font></a></big></big></span><font size="1" face="Arial"><big><big><br> <span id="glowtext">Ihr Text leuchtet auch!</span></big></big></font></p> <p align="center"><font size="1" face="Verdana"><big> <script language="JavaScript1.2"> function changesettings(){ if (document.all){ if (document.body.style.cssText==''||document.body.style.backgroundColor=='white') document.body.style.cssText="background-color:black;color:white" else document.body.style.cssText="background-color:white;color:black" } } </script> <a href="javascript:changesettings()">Hintergrund wechseln</a></big></font></p> </td> </tr> </table> <p align="center"> </p>
Es "glüht"
- Nach oben!
<SCRIPT language=JavaScript1.2> var no = 5; // snow number var speed = 7; // smaller number moves the shamrocks faster var snowflake = "http://www.nightfire.ch/java/jscript/fire.gif"; var ns4up = (document.layers) ? 1 : 0; // browser sniffer var ie4up = (document.all) ? 1 : 0; var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width = 800, doc_height = 600; if (ns4up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); for (i = 0; i < no; ++ i) { dx[i] = 0; // set coordinate variables xp[i] = Math.random()*(doc_width-50); // set position variables yp[i] = Math.random()*doc_height; am[i] = Math.random()*0; // set amplitude variables stx[i] = 0.02 + Math.random()/10; // set step variables sty[i] = 0.7 + Math.random(); // set step variables if (ns4up) { // set layers if (i == 0) { document.write("<layer name="dot"+ i +"" left="15" "); document.write("top="15" visibility="show"><img src=""); document.write(snowflake + "" border="0"></layer>"); } else { document.write("<layer name="dot"+ i +"" left="15" "); document.write("top="15" visibility="show"><img src=""); document.write(snowflake + "" border="0"></layer>"); } } else if (ie4up) { if (i == 0) { document.write("<div id="dot"+ i +"" style="POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;"><img src=""); document.write(snowflake + "" border="0"></div>"); } else { document.write("<div id="dot"+ i +"" style="POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;"><img src=""); document.write(snowflake + "" border="0"></div>"); } } } function snowNS() { // Netscape main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = self.innerWidth; doc_height = self.innerHeight; } dx[i] += stx[i]; document.layers["dot"+i].top = yp[i]; document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowNS()", speed); } function snowIE() { // IE main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx[i] += stx[i]; document.all["dot"+i].style.pixelTop = yp[i]; document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowIE()", speed); } if (ns4up) { snowNS(); } else if (ie4up) { snowIE(); } </SCRIPT>
Es regnet Feuerbälle
- Nach oben!
<!--[if IE ]> <SPAN STYLE='color:blue;cursor:hand;' onclick='window.external.AddFavorite(location.href, document.title);'> <U> In Favoriten aufnehmen </U> </SPAN> <![endif] //-->
Lasse deine User dich in die
Favoriten
aufnehmen
- Nach oben!
<OBJECT id=NSPlay style="WIDTH: 132px; HEIGHT: 50px" codeBase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 type=application/x-oleobject height=50 standby="Loading Microsoft Windows Media Player components..." width=132 classid=clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95><PARAM NAME="AudioStream" VALUE="-1"><PARAM NAME="AutoSize" VALUE="0"><PARAM NAME="AutoStart" VALUE="-1"><PARAM NAME="AnimationAtStart" VALUE="-1"><PARAM NAME="AllowScan" VALUE="-1"><PARAM NAME="AllowChangeDisplaySize" VALUE="-1"><PARAM NAME="AutoRewind" VALUE="0"><PARAM NAME="Balance" VALUE="0"><PARAM NAME="BaseURL" VALUE=""><PARAM NAME="BufferingTime" VALUE="5"><PARAM NAME="CaptioningID" VALUE=""><PARAM NAME="ClickToPlay" VALUE="-1"><PARAM NAME="CursorType" VALUE="0"><PARAM NAME="CurrentPosition" VALUE="0"><PARAM NAME="CurrentMarker" VALUE="0"><PARAM NAME="DefaultFrame" VALUE=""><PARAM NAME="DisplayBackColor" VALUE="0"><PARAM NAME="DisplayForeColor" VALUE="16777215"><PARAM NAME="DisplayMode" VALUE="0"><PARAM NAME="DisplaySize" VALUE="4"><PARAM NAME="Enabled" VALUE="-1"><PARAM NAME="EnableContextMenu" VALUE="-1"><PARAM NAME="EnablePositionControls" VALUE="-1"><PARAM NAME="EnableFullScreenControls" VALUE="0"><PARAM NAME="EnableTracker" VALUE="-1"><PARAM NAME="Filename" VALUE="mms://195.222.235.148/energy971"><PARAM NAME="InvokeURLs" VALUE="-1"><PARAM NAME="Language" VALUE="-1"><PARAM NAME="Mute" VALUE="0"><PARAM NAME="PlayCount" VALUE="1"><PARAM NAME="PreviewMode" VALUE="0"><PARAM NAME="Rate" VALUE="1"><PARAM NAME="SAMILang" VALUE=""><PARAM NAME="SAMIStyle" VALUE=""><PARAM NAME="SAMIFileName" VALUE=""><PARAM NAME="SelectionStart" VALUE="-1"><PARAM NAME="SelectionEnd" VALUE="-1"><PARAM NAME="SendOpenStateChangeEvents" VALUE="-1"><PARAM NAME="SendWarningEvents" VALUE="-1"><PARAM NAME="SendErrorEvents" VALUE="-1"><PARAM NAME="SendKeyboardEvents" VALUE="0"><PARAM NAME="SendMouseClickEvents" VALUE="0"><PARAM NAME="SendMouseMoveEvents" VALUE="0"><PARAM NAME="SendPlayStateChangeEvents" VALUE="-1"><PARAM NAME="ShowCaptioning" VALUE="0"><PARAM NAME="ShowControls" VALUE="-1"><PARAM NAME="ShowAudioControls" VALUE="-1"><PARAM NAME="ShowDisplay" VALUE="0"><PARAM NAME="ShowGotoBar" VALUE="0"><PARAM NAME="ShowPositionControls" VALUE="-1"><PARAM NAME="ShowStatusBar" VALUE="-1"><PARAM NAME="ShowTracker" VALUE="-1"><PARAM NAME="TransparentAtStart" VALUE="0"><PARAM NAME="VideoBorderWidth" VALUE="0"><PARAM NAME="VideoBorderColor" VALUE="0"><PARAM NAME="VideoBorder3D" VALUE="0"><PARAM NAME="Volume" VALUE="0"><PARAM NAME="WindowlessVideo" VALUE="0"> <br><embed type="application/x-mplayer2" ><br>pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/" <br>filename="energy971_mms.asx" <br>src="http://www.energy971.de/hamburg/audio/energy971_mms.asx" name="NSPlay" <br>showcontrols="1" showdisplay="0" showstatusbar="0" width="150" height="50"/embed/OBJECT/textarea/fontfont size="2"</font><font face="MS Serif"><a name="radio" style="font-family: Verdana,Arial; font-size: 8pt; color: maroon; text-decoration: none; line-height: 12pt"><font color="#000000" size="2">adio, lasse deine User Music hö</font></a></font><font size="2">ren!<br> </font> </b> <font face="MS Serif" color="#FF0000"> <span style="background-color: #FF9933; font-weight:700"> <font color="#FFFF00"> <a href="#nach oben" style="font-family: Verdana,Arial; font-size: 8pt; color: maroon; text-decoration: none; line-height: 12pt"> <font color="#000000" size="2"> - Nach oben! </font></a> </font></span></font> <br> <br> <b> <font color="#000000" size="2"> <a href="http://clix.superclix.de/cgi-bin/clix.cgi?id=DanielMi&pp=311&linknr=5975" target="_blank" style="font-family: Verdana,Arial; font-size: 8pt; color: maroon; text-decoration: none; line-height: 12pt"> <!--- Start HTML-Code superclix.de Partnerprogramm 1692/5889 ---> </a></font><font size="2"> <!--- Ende HTML-Code superclix.de Partnerprogramm 1692/5889 ---></a></font></b></p> <p align="left"> <b> <font size="3"> <br><hr><br><textarea rows="4" name="S23" cols="44"><html><head><title>Test</title> </head><body> <a href="javascript:window.print()">Diese Seite drucken</a> </body></html>
"Diese Seite drucken" Button
- Nach oben!
(zwischen HEAD und HEAD ): <script language=javaScript> <!-- // (C) 2000 Klaus Hentschel [ All rights reserved ]. // e-mail: Black_runner@t-online.de // www: http://Java.topcool.de // www: http://home.t-online.de/home/Black_runner/ // Bitte entfernen sie diesen Vermerk nicht! window.setTimeout("ZeitAnzeigen()",1000); Wochentagname = new Array("Sonntag","Montag","Dienstag","Mittwoch","Donnerstag","Freitag","Samstag"); function ZeitAnzeigen() { var Jetzt = new Date(); var Tag = Jetzt.getDate(); var Monat = Jetzt.getMonth() + 1; var msJahr = Jetzt.getYear(); var nsJahr = Jetzt.getYear() + 1900; var Stunden = Jetzt.getHours(); var Minuten = Jetzt.getMinutes(); var Sekunden = Jetzt.getSeconds(); var WoTag = Jetzt.getDay(); var Vortag = ((Tag < 10) ? "0" : ""); var Vormon = ((Monat < 10) ? ".0" : "."); var Vorstd = ((Stunden < 10) ? "0" : ""); var Vormin = ((Minuten < 10) ? ":0" : ":"); var Vorsek = ((Sekunden < 10) ? ":0" : ":"); var msDatum = Vortag + Tag + Vormon + Monat + "." + msJahr; var nsDatum = Vortag + Tag + Vormon + Monat + "." + nsJahr; var Uhrzeit = Vorstd + Stunden + Vormin + Minuten + Vorsek + Sekunden; var msJetzt = msDatum + " " + Wochentagname[WoTag] + " " + Uhrzeit; var nsJetzt = nsDatum + " " + Wochentagname[WoTag] + " " + Uhrzeit; if(document.all) { noshade.innerHTML=msJetzt shade.innerHTML=msJetzt } if(document.layers) { document.shade.document.write('><div id="shade" style="position:absolute;visibility:visible;font-family:Century Gothic,Arial;color:silver;font-size:80px;top:105px;left:16px">'+nsJetzt+'</div>') document.noshade.document.write('<div id="noshade" style="position:absolute;visibility:visible;font-family:Century Gothic,Arial;color:gray;font-size:80px;top:100px;left:10px">'+nsJetzt+'</div>') document.close() } var timer=setTimeout("ZeitAnzeigen()",1000) } //--</script> <div id="shade" style="position:absolute;visibility:visible;font-family:Century Gothic,Arial;color:silver;font-size:14px;"></div> <div id="noshade" style="position:absolute;visibility:visible;font-family:Century Gothic,Arial;color:black;font-size:14px;top"></div>
Uhrzeit und Datum! Ein Se
rvice von Klaus Hents
chel
- Nach oben!
<marquee direction="down">Dein Text</marquee>
Dein Text bewegt sich!
Dein Text
- Nach oben!
<marquee direction="up">Dein Text</marquee>
Dein Text bewegt sich!
- Nach oben!
<div align="center"><MARQUEE behavior=alternate>text</marquee>
Dein Text bewegt sich!
- Nach oben!
<marquee direction="right">text</marquee>
Dein Text bewegt sich!
- Nach oben!
<marquee direction="left">text</marquee>
Dein Text bewegt sich!
- Nach oben!
<Center> <HEAD><script language="JavaScript"> <!-- var max=0; function textlist() { max=textlist.arguments.length; for (i=0; i><max; i++) this[i]=textlist.arguments[i]; } tl=new textlist ( " ", " " ); var x=0; pos=0; var l=tl[0].length; function textticker() { document.form1.textfeld.value=tl[x].substring(0,pos)+"_"; if(pos++==l) { pos=0; setTimeout("textticker()",2000); x++; if(x==max) x=0; l=tl[x].length; } else setTimeout("textticker()",50); } // --> </script> <form name="form1"> <input type="text" size="65" name="textfeld" value=" Herzlich willkommen auf meiner Homepage!" style="font-weight: normal; color: black; background-color: red; font-family: Arial; font-size: 9pt"> </form> </center> </body> </html>
Code für:
- Nach oben!
xxxxx
Diese Webseite wurde kostenlos mit
Homepage-Baukasten.de
erstellt. Willst du auch eine eigene Webseite?
Gratis anmelden
