<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!
<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://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="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: 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!
<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!
<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=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!
<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 Fenster - 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!
<!--[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!
<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!
<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> Code für: - 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> Uhr 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 kannst 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> Zweifarbige 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 Rechtsklicksperre! - Nach oben!
