1.Adım:Aşağıdaki javaScript kodlarını <HEAD>..</HEAD>
arasına kaydedin.Kodlarda kullanılan ve
kırmızı ile işaretlenmiş yazılar istenilen
yazılarla değiştirilebilir.İstersek bu yazılara link'te ekleyebiliriz bunun
için şu adımı uygulamamız yeterli olacaktır.Örneğin SCROLL1 yazısına link
eklememiz gerekecekse bunu link kodlamasını ekleyerek sağlayabiliriz.Şöyle
olmalı <A HREF=java.html><H3
CLASS='w1'>SCROLL1</H3></a> Burada dikkat edilecek şey tırnakların
çift karekterleri yazılmayacaktır aksi taktirde sayfadaki kodlama hata
mesajı verecektir.Bunun yerine tekli tırnak yanikarekterinin
kullanılması gerekir.
<SCRIPT LANGUAGE="JavaScript1.2">
<!--
var NS4 = (document.layers) ? 1 : 0;
var IE4 = (document.all) ? 1 : 0;
onload = start;
var ar = new Array();
ar[0] = "<H3 CLASS='w1'>SCROLL1</H3>
";
ar[1] = "<H2 CLASS='w2'> SCROLL2</H2>";
ar[2] = "<H1 CLASS='w3'>SCROLL3</H1>";
ar[3] = "<H4 CLASS='w4'> SCROLL4</H4>";
ar[4] = "<H5 CLASS='w5'> SCROLL5</H5>";
ar[5] = "<H6 CLASS='w6'> SCROLL6</H6>";
var num = 0;
function start() {
setInterval("update()", 2000);
}
function update() {
display("banner", ar[num]);
num++;
if (num == ar.length) num = 0;
}
function display(id, str) {
if (NS4) {
with (document[id].document) {
open();
write(str);
close();
}
} else {
document.all[id].innerHTML = str;
}
}
// -->
</SCRIPT>
<style type="text/css">
<!--.w1 {color:'ff00ff';font-size:30pt;font-family:Arial Black;}
.w3 { color:'#FFF660';font-size:30pt; font-family:Arial Black;}
.w2 { color:'#66ff00';font-size:30pt; font-family:Arial Black;}
.w4 { color:'#ff0006';font-size:30pt; font-family:Arial Black;}
.w5 { color:'#00C00F';font-size:30pt; font-family:Arial Black;}
.w6 { color:'#0000FF';font-size:30pt; font-family:Arial Black;}
-->
</style>
</head>
2.Adım:<BODY> tag'ına javaScript
kodlarını çalıştıracak kodlama yazılacaktır.Örnek aşağıdadır.
<body onLoad="if (NS4 || IE4) setInterval('update(' + ar.length
+ ')', 2000);">
3.Adım:Sayfada görünmesi istenen benner'ler
sayfada istediğimiz yerlere konumlandırmak için
beyaz
renklerle gösterilen sayısal değerleri düzenlemek gerekir.Bu kodlar herhangi
bir sayfaya yazılacaktır.
<BLOCKQUOTE>
<SPAN ID="banner" STYLE="position: absolute;visibility:show;
top:350pt;left:200pt;"><I>the
banner is loading<I></SPAN>
</BLOCKQUOTE>
the
banner is loading
|