FadeOutText:Renk değiştiren banner yazıları buda güzel.

FadeOutText

JavaScript

Yazar:TEG

Renk değiştiren banner yazıları.İstediğiniz gibi kullanabilirsiniz.

Örneğe ait kodları çekmek için form kutusu içindeki kodları kopyalayın.
1.Adım:Bu örnekler <HEAD>..</HEAD> tag'lerinin arasına kopyalayın.İstediğiniz mesajları var olan yazılarla değiştirerek yazın.

Tümünü seç

if (ns4) {
	    layerRef="document.layers";
	    styleRef="";
	  } else {
	    layerRef="document.all";
	    styleRef=".style";
	  }

var convert = new Array();
	  var hexbase = new Array("0", "1", "2", "3", "4", "5", "6", "7", 
				  "8", "9", "A", "B", "C", "D", "E", "F");
	  var value=0;
	  var rgb;

for (x=0; x<16; x++) {
		for (y=0; y<16; y++) {
			convert[value] = hexbase[x] + hexbase[y];
			value++;
		}
	 }

function Fade(wColor, inout, speed, textDisp, topx, leftx) {
	    if (ns4) {
		    eval(layerRef + '["Last"]' + styleRef + '.top = topx'); 
		    eval(layerRef + '["Last"]' + styleRef + '.left = leftx'); 
	    } else {
		    eval(layerRef + '["Last"]' + styleRef + '.posTop = topx')
		    eval(layerRef + '["Last"]' + styleRef + '.posLeft = leftx');
	    }

if (inout == 1) {
		if (wColor < 255) {
		 wColor+=speed;
		 if (wColor > 255) wColor=255; 
		 changeContent(wColor, textDisp);
		 
setTimeout("Fade("+wColor+","+inout+","+speed+",'"+textDisp+"',"+topx+","+leftx+")",0);
		}
	 } else {
		if (wColor > 0) {
		 wColor-=speed;
		 if (wColor < 0) wColor=0;
		 changeContent(wColor, textDisp);
		 
setTimeout("Fade("+wColor+","+inout+","+speed+",'"+textDisp+"',"+topx+","+leftx+")",0);
		} 
	 }

}

/*
 * Statement : Fade("Last", initialvalue [0-255], fade[fadein=1,fadeout=0], speed, textDisp string);
 */

function introduction() {
	 Fade(255, 0, 4, 'Scroll sitesi WEB SAYFA ARAÇLARI', 50, 150);
	 setTimeout("Fade(0, 1, 4, 'Araçlar IE4 ve NS4 destekliyor', 170, 120)",7000);
	 setTimeout("Fade(255, 0, 4, 'IE4 için ayrı araçlar', 120, 170)",19000);
	 setTimeout("Fade(0, 1, 4, 'NS için ayrı araçlar.', 70, 100)",28000);
	 setTimeout("Fade(255, 0, 4, 'Site <a href=http://webscroll.virtualave.net>SCROLL</a>', 170, 90)",38000);
	 setTimeout("Fade(0, 1, 4, ' Email <a href=mailto:scroll@about.com>scroll</a>', 170, 50)",48000);
	}

</script>

Aşağıdaki kodları <body>..</body> tag'lerinin arasına kopyalayaınız.

Önemli: onLoad="introduction()" kısmı mutlaka Body tag'ının içine yazılmalıdır.Yani örneğin;<BODY onLoad="introduction()"> gibi olmalıdır.Aksi taktirde javascript kodları sayfada çalışmayacaktır.