Kolay ve güzel bir kod aslında hepinizin işine yarayacağını düşünerekten paylaşıyorum. Bu kodun önizlemesini web sitemin anasayfasında bulabilirsiniz.

Css Kısmına

#memoryticker:hover{
background-color:#95c60b;
border:1px solid #green;
padding: 10px;
padding-left:10px;
color:#fff;}

#memoryticker:hover a{
background-color:#eee;
border: 1px solid #eee;
padding:10px;
padding-left:10px;
color:#4c4c4c;}

#memoryticker:active a{

color:#191919;}


#memoryticker{
background-color: #f2f2f2;
width: 534px;
font: bold 12px Arial;
border: 1px solid #eee;
padding: 10px;
color: #515151;



/*Change 0.7 below to a different number if desired (0.9=0.9 seconds)*/
/*Remove below line to remove transitional effect in IE. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.GradientWipe(GradientSize=1.0 Duration=0.9)

}


İstediğiniz yere

<script type="text/javascript">


//configure tickercontents[] to set the messges you wish be displayed (HTML codes accepted)
//Javascript 5 saniyede de&#287;i&#351;en yaz&#305; (Sahibi: gonez.tr.gg | important!)
var tickercontents=new Array()
tickercontents[0]='1  &nbsp;  <a href="http://gonez.tr.gg/Tam-Ortada.htm">Tam Ortada Duran Reklam Alan&#305; - { CSS }</a></div>'
tickercontents[1]='2  &nbsp;  <a href="http://gonez.tr.gg/Ust-cubuk.htm">Üst Çubuk  - { CSS }</a></div>'
tickercontents[2]='3  &nbsp;  <a href="http://gonez.tr.gg/Blockquote.htm">Blockquote  - { CSS }</a></div>'
tickercontents[3]='4  &nbsp;  <a href="http://gonez.tr.gg/Yonetici-yorumu.htm">Ziyaretçi Defterine Yönetici Yorumu Eklemek  - { CSS }</a></div>'
tickercontents[4]='5  &nbsp;  <a href="http://gonez.tr.gg/Scrollbar.htm">Scrollbar  - { CSS }</a></div>'
tickercontents[5]='6  &nbsp;  <a href="http://gonez.tr.gg/Saat-ve-Tarih.htm">Saat ve Tarih  - { Jquery }</a></div>'
tickercontents[6]='7  &nbsp;  <a href="http://gonez.tr.gg/Lightbox-temasi.htm">Lightbox Temas&#305;  <strong><span style="color: rgb(255, 102, 0);">( &Uuml;cretsiz ! )</span></strong>   - { Temalar&#305;m # Themes }</a></div>'
tickercontents[7]='8    &nbsp;  <a href="http://gonez.tr.gg/SCM-muzik-player-yapimi.htm">Müzik Player Yap&#305;m&#305; SCM  - { Javascript }</a></div>'
tickercontents[8]='9    &nbsp;  <a href="http://gonez.tr.gg/Mevlid-Kandili.htm">Mevlid Kandiliniz Mübarek Olsun  - { Önemli Günler }</a></div>'




var persistlastviewedmsg=1 //should messages' order persist after users navigate away (1=yes, 0=no)?
var persistmsgbehavior="onload" //set to "onload" or "onclick".

//configure the below variable to determine the delay between ticking of messages (in miliseconds):
var tickdelay=3000

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

var divonclick=(persistlastviewedmsg && persistmsgbehavior=="onclick")? 'onClick="savelastmsg()" ' : ''
var currentmessage=0

function changetickercontent(){
if (crosstick.filters && crosstick.filters.length>0)
crosstick.filters[0].Apply()
crosstick.innerHTML=tickercontents[currentmessage]
if (crosstick.filters && crosstick.filters.length>0)
crosstick.filters[0].Play()
currentmessage=(currentmessage==tickercontents.length-1)? currentmessage=0 : currentmessage+1
var filterduration=(crosstick.filters&&crosstick.filters.length>0)? crosstick.filters[0].duration*1000 : 0
setTimeout("changetickercontent()",tickdelay+filterduration)
}

function beginticker(){
if (persistlastviewedmsg && get_cookie("lastmsgnum")!="")
revivelastmsg()
crosstick=document.getElementById? document.getElementById("memoryticker") : document.all.memoryticker
changetickercontent()
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = ""
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset)
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function savelastmsg(){
document.cookie="lastmsgnum="+currentmessage
}

function revivelastmsg(){
currentmessage=parseInt(get_cookie("lastmsgnum"))
currentmessage=(currentmessage==0)? tickercontents.length-1 : currentmessage-1
}

if (persistlastviewedmsg && persistmsgbehavior=="onload")
window.onunload=savelastmsg

if (document.all||document.getElementById)
document.write('<div id="memoryticker" '+divonclick+'></div>')
if (window.addEventListener)
window.addEventListener("load", beginticker, false)
else if (window.attachEvent)
window.attachEvent("onload", beginticker)
else if (document.all || document.getElementById)
window.onload=beginticker

</script>

Yardım isteklerinizi lütfen yorumlar kısmına yazmayın. İletişim formundan bana ulaşabilirsiniz.

Anahtar kelimeler : süre , değişen , yazı