Rabu, 05 November 2025

JAVASCRIPT - MEMBUAT ANIMASI ZIGZAG UNTUK IKLAN PADA WEB

 




<HTML>

<HEAD>

<title>IKLAN</title>


<STYLE type=text/css>

#dhtmlebene {

HEIGHT: 185px; WIDTH: 220px; LEFT: 0px; TOP: 0px; POSITION: absolute; VISIBILITY: hidden; Z-INDEX: 20

}

</STYLE>


</HEAD>

<BODY bgcolor="#FFFFFF">



<DIV id=dhtmlebene>

<a href="http://www.vnunet.de/internet-pro" target="_blank">

<IMG id="dhtmlbild" border=0 height=99 src="aa1.bmp" width=99></a>

</DIV>

<SCRIPT>

setTimeout("LadeBilder()",3000);

</SCRIPT>

<script language=JavaScript>

//Internet Professionell 9/2001 - Anja Weinstein


function BrowserCheck() {


this.browser = "inkompatibel";


if(document.layers) {

this.ebene = 'document["dhtmlebene"]';

this.bild = this.ebene + '.document.images[0]';

this.browser = "nn4";

}


else if (document.getElementById) {

this.ebene = 'document.getElementById("dhtmlebene").style';

this.bild = 'document.getElementById("dhtmlbild")'; 

this.browser = "ns6";

}


if(document.all && document.styleSheets) {

this.ebene = 'document.all["dhtmlebene"].style';

this.bild = 'document.all["dhtmlbild"]';

this.browser = "ie";

}

this.ausgangX = 0;

this.ausgangY = 0;


}


var iprotest = new BrowserCheck();



function LadeBilder() {

if(iprotest.browser != "inkompatibel"){

dhtml = new Array();

for(i=1; i<5; i++) {

n = dhtml.length;

dhtml[n] = new Image();

dhtml[n].src = "aa"+i+".bmp";

}

EbenePositionieren();

}

}



function EbenePositionieren(){

if(iprotest.browser != "inkompatibel"){

breite=(iprotest.browser == "ie") ? document.body.clientWidth : innerWidth;

hoehe=(iprotest.browser == "ie") ? document.body.clientHeight : innerHeight;


EbeneBeginn = eval(iprotest.ebene);


iprotest.ausgangX=(breite>600) ? (Math.max(0.25 * breite,150) + ((Math.max(0.45*breite,468) - 488)/2)) : 150;

iprotest.ausgangX -= 145;

iprotest.ausgangY -= 145;


EbeneBeginn.left = (iprotest.ausgangX);

EbeneBeginn.top = (iprotest.ausgangY);


EbeneBeginn.visibility = "visible";


iprotest.Xe = new Array(0,1,2,3,4,5,6,5,4,3,2,1,0,-1,0,1,2,3,4,5,6,7,8);

iprotest.Ys = new Array(iprotest.Xe.length);

iprotest.Ys[0] = iprotest.ausgangY;

for(i=1; i<iprotest.Xe.length; i++) {

iprotest.Ys[i] = iprotest.Ys[i-1] + ((hoehe-iprotest.ausgangY-220)/iprotest.Ys.length);

}

iprotest.verzoegerung = 2500/iprotest.Xe.length;

iprotest.zaehler2 = 0;

iprotest.richtung = 1;

iprotest.aktuell = 0;

Verschieben();

}

}


function Verschieben() {

if(iprotest.zaehler2 < iprotest.Xe.length) {

EbeneBeginn.left = iprotest.ausgangX+(iprotest.Xe[iprotest.zaehler2]*((breite-iprotest.ausgangX-185)/10));

EbeneBeginn.top = iprotest.Ys[iprotest.zaehler2];

if(iprotest.zaehler2 == iprotest.Xe.length-1) {

bewegtbild = eval(iprotest.bild);

bewegtbild.src = dhtml[dhtml.length-1].src;

}

else if(iprotest.Xe[iprotest.zaehler2+1]-iprotest.Xe[iprotest.zaehler2] != iprotest.richtung) {

bewegtbild = eval(iprotest.bild);

bewegtbild.src = dhtml[++iprotest.aktuell].src;

iprotest.richtung = iprotest.richtung * -1;

}

iprotest.zaehler2++;

setTimeout("Verschieben()",iprotest.verzoegerung);

}

else {

setTimeout('EbeneBeginn.visibility = "hidden"',5000);

}

}


</script>

</BODY>


</HTML>






Tidak ada komentar: