Aşağıda verdiğim kod Javascript ile yazılmış ve bir çok amaç için kullanılabilir. örneğin scripte girilen haberler bir layer içerisinde sürekli değişe bilir. Daha yaratıcı fikirlerde kullanılmaya açıktır.
Örneğin Haber yerine resim eklediğimizde ufak bir galeri show yapmış oluruz.

CODE:

<SCRIPT type=text/javascript>



var scrollerdelay='3000' //delay between msg scrolls. 3000=3 seconds.

var scrollerwidth='183px'

var scrollerheight='110px'

var scrollerbgcolor=''      //set below to '' if you don't wish to use a background image

var scrollerbackground='scrollerback.gif'

var test

//configure the below variable to change the contents of the scroller

var messages=new Array()

messages[0]= "<span class=topic><strong>Haber 1</strong></span><br><div align=justify class=topictexts>Haber 1 ile ilgili açıklamalar</div><br>";

test="";

if (test != " ")

	messages[1]="<span class=topic><strong>Haber 2</strong></span><br><div align=justify class=topictexts>Haber 2 İle ilgili açıklamalar.</div><br><br>";



///////Do not edit pass this line///////////////////////



var ie=document.all

var dom=document.getElementById



if (messages.length>2)

i=2

else

i=0



function move(whichdiv){

tdiv=eval(whichdiv)

if (parseInt(tdiv.style.top)>0&&parseInt(tdiv.style.top)<=5){

tdiv.style.top=0+"px"

setTimeout("move(tdiv)",scrollerdelay)

setTimeout("move2(second2_obj)",scrollerdelay)

return

}

if (parseInt(tdiv.style.top)>=tdiv.offsetHeight*-1){

tdiv.style.top=parseInt(tdiv.style.top)-5+"px"

setTimeout("move(tdiv)",50)

}

else{

tdiv.style.top=parseInt(scrollerheight)+"px"

tdiv.innerHTML=messages[i]

if (i==messages.length-1)

i=0

else

i++

}

}



function move2(whichdiv){

tdiv2=eval(whichdiv)

if (parseInt(tdiv2.style.top)>0&&parseInt(tdiv2.style.top)<=5){

tdiv2.style.top=0+"px"

setTimeout("move2(tdiv2)",scrollerdelay)

setTimeout("move(first2_obj)",scrollerdelay)

return

}

if (parseInt(tdiv2.style.top)>=tdiv2.offsetHeight*-1){

tdiv2.style.top=parseInt(tdiv2.style.top)-5+"px"

setTimeout("move2(second2_obj)",50)

}

else{

tdiv2.style.top=parseInt(scrollerheight)+"px"

tdiv2.innerHTML=messages[i]



if (i==messages.length-1)

i=0

else

i++

}

}



function startscroll(){

first2_obj=ie? first2 : document.getElementById("first2")

second2_obj=ie? second2 : document.getElementById("second2")

move(first2_obj)

second2_obj.style.top=scrollerheight

second2_obj.style.visibility='visible'

}



if (ie||dom){

document.writeln('<div id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden;background-color:'+scrollerbgcolor+' ;background-image:url('+scrollerbackground+')">')

document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0px;top:0px">')

document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0px;top:1px;">')

document.write(messages[0])

document.writeln('</div>')

document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0px;top:0px;visibility:hidden">')

document.write(messages[dyndetermine=(messages.length==1)? 0 : 1])

document.writeln('</div>')

document.writeln('</div>')

document.writeln('</div>')

}



if (window.addEventListener)

window.addEventListener("load", startscroll, false)

else if (window.attachEvent)

window.attachEvent("onload", startscroll)

else if (ie||dom)

window.onload=startscroll



</SCRIPT>

Dia
okanatabag@gmail.com
25 Ocak 2007 10:26