Html-Hilfe


	>> News >> Gästebuch >> Forum >> Chat >> Linkliste >> Script Einsenden >> FAQ's

Hintergrund-Effekte

Ein Vorhang öffnet sich beim betreten der Seite IE

</body>
<div id="i1" class="intro" align="center"></div>
<div id="i2" class="intro" align="center"></div>

|Anzeigen|

Es schneit auf der Homepage IE, O

<SCRIPT language=JavaScript1.2> 
var no = 12; // snow number 
var speed = 6; // smaller number moves the shamrocks faster 
var snowflake = "schnee.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>

|Anzeigen|

Ein Leuchtkranz fliegt über den Bildschirm IE, O

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;backgroun<img src="http://www.beepworld2.de/memberdateien/members24/html-help/#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>

|Anzeigen|

Leuchtende Punkte fliegen in die Mitte IE, O

xH=window.document.body.offsetHeight;
 xW=window.document.body.offsetWidth;
 xA[i]=Math.round(Math.random()*xH);
 xB[i]=Math.round(Math.random()*xW);
 xS[i]=Math.random()*0.05+0.05;
 xR=Math.round(Math.random()*3);
 xE=Math.round(Math.random()*50+50)
 if (xR == 3) xB[i]=-xE;
 if (xR == 2) xB[i]=xW+xE;
 if (xR == 1) xA[i]=-xE;
 if (xR == 0) xA[i]=xH+xE;
}
if ((xX[i] < 0) || (xX[i] > xW) || (xY[i] < 0) || (xY[i] > xH))
 {
 xF[i]=xW/14;
 ini[i]=cl[N];
 }
}
Assign();
setTimeout('fly()',10);
}
fly();
}
// -->
</script>

|Anzeigen|


	Forum << Gästebuch << Chat << Webspace << Programme <<