HTML Scripte

»»» HTML Scripte «««

Hier eine Sammlung von HTML-Codes die beim Erstellen einer Homepage sinnvoll oder (weniger sinnvoll) nützlich sein können. Werde die Sammlung laufend erweitern. Da lohnt es sich zwischendurch einen Besuch zu wagen!

Markierschutz:

Beweglicher Text, Datum und Uhrzeit in der Statuszeile:

Ganze Sätze in der Statuszeile:

Vorhang beim Betreten einer Seite:

<body>
<IMG src="http://www.mytoday.de/cgi-bin/ivw/CP/musik/member/firewalkership-hophp/Vorhang_2.htm?53287" WIDTH="1" HEIGHT="1" ALT="">
<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>

Text verfolgt den Mauszeiger:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Neue Seite 3</title>
<style>.spanstyle {
COLOR: black; FONT-FAMILY: Verdana; FONT-SIZE: 10pt; FONT-WEIGHT: bold; POSITION: absolute; TOP: -50px; VISIBILITY: visible
}
</style>
<script>
var x,y
var step=20
var flag=0
// 
var message=" Dein Text hier!! "
message=message.split("")
var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
xpos[i]=-50
}
var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
ypos[i]=-50
}
function handlerMM(e){
x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
flag=1
}
function makesnake() {
if (flag==1 && document.all) {
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
for (i=0; i<message.length-1; i++) {
var thisspan = eval("span"+(i)+".style")
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
}
else if (flag==1 && document.layers) {
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
for (i=0; i<message.length-1; i++) {
var thisspan = eval("document.span"+i)
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
var timer=setTimeout("makesnake()",30)
}
</script>
</head>
<body aLink="#ff0000" bgColor="#E8E4E8" link="#ff0000" onload="makesnake()" style="OVERFLOW-X: hidden; OVERFLOW-Y: scroll; WIDTH: 100%" text="#ffffff" vLink="#0000ff" BACKGROUND>
<script>

</script>
</body>
</html>

Text umkreist den Mauszeiger:

<SCRIPT LANGUAGE="JavaScript">

</script>

Zählt die Anzahl der persönlichen Seitenbesuche:

HTML Banner-Rotation:

<body onLoad="banner();" onUnload="clearInterval(updateBanner);">

var arrLinks = new Array();
arrLinks[0] = "http://www.java24.net";
arrLinks[1] = "http://www.getgo.de";
arrLinks[2] = "http://www.tip24.de";
arrLinks[3] = "internetadresse";
arrLinks[4] = "internetadresse";
arrLinks[5] = "internetadresse";
arrLinks[6] = "internetadresse";
arrLinks[7] = "internetadresse";

var arrImages = new Array();
arrImages[0] = "http://www.java24.net/gif/banner_468_60.gif";
arrImages[1] = "http://banner.getgo.de/de_getgo_pid15_anim_468x60.gif";
arrImages[2] = "http://www.tipp24.de/jamany/partner_banner/mk_tipp468X60fakescroll_neu2.gif";
arrImages[3] = "bildadresse";
arrImages[4] = "bildadresse";
arrImages[5] = "bildadresse";
arrImages[6] = "bildadresse";
arrImages[7] = "bildadresse";

Die jeweiligen Variablen wie SETENNAME, BILD-URL, LINKNAME und NAME bedarf einer Anpassung! Unter anderem sind Farben (color), Schriftgröße (size), Schriftart (face), Höhe (HEIGHT), Breite (WIDTH), Geschwindigkeit (Scrollamount) sowie Texte veränderbar. Groß- und Kleinschreibung spielt bei HTML-Codes keine Rolle! Anführungszeichen dagegen sind wichtig! Die meisten Scripte sind in den head-tag einzubauen, damit keine Fehlermeldungen entstehen!