کد اسلایدر متنی (درون باکس) با استفاده از جاوا اسکریپت

این باکس با استفاده از جاوا اسکریپت ساخته شده که در آن می توانید چند متن را بنویسید و از آنها استفاده کنید.

<script type="text/javascript"> var tickercontents=new Array() tickercontents[0]='your text one' tickercontents[1]='your text two' tickercontents[2]='your text three' var tickerwidth="200px" var tickerheight="70px" var fontcss="font: bold 11px Tahoma; color:#333" var tickdelay=3000 //delay btw messages var highlightspeed=2 //2 pixels at a time. var highlightcolor="#ddd" var backdroptextcolor="#000" ////Do not edit pass this line//////////////// document.write('<style>#highlighterbg a{color:'+backdroptextcolor+'}</style>') document.write('<div style="position:relative;left:0px;top:0px; width:'+tickerwidth+'; height:'+tickerheight+';'+fontcss+'">') document.write('<span id="highlighterbg" style="position:absolute;left:0;top:0;color:'+backdroptextcolor+'; width:'+tickerwidth+'; height:'+tickerheight+';padding: 4px"></span><span id="highlighter" style="position:absolute;left:0;top:0;clip:rect(auto auto auto 0px); background-color:'+highlightcolor+'; width:'+tickerwidth+';height:'+tickerheight+';padding: 4px"></span>') document.write('</div>') var currentmessage=0 var clipbottom=1 function changetickercontent(){ msgheight=clipbottom=crosstick.offsetHeight crosstick.style.clip="rect("+msgheight+"px auto auto 0px)" crosstickbg.innerHTML=tickercontents[currentmessage] crosstick.innerHTML=tickercontents[currentmessage] highlightmsg() } function highlightmsg(){ //var msgheight=crosstick.offsetHeight if (clipbottom>0){ clipbottom-=highlightspeed crosstick.style.clip="rect("+clipbottom+"px auto auto 0px)" beginclip=setTimeout("highlightmsg()",20) } else{ clipbottom=msgheight clearTimeout(beginclip) if (currentmessage==tickercontents.length-1) currentmessage=0 else currentmessage++ setTimeout("changetickercontent()",tickdelay) } } function start_ticking(){ crosstickbg=document.getElementById? document.getElementById("highlighterbg") : document.all.highlighterbg crosstick=document.getElementById? document.getElementById("highlighter") : document.all.highlighter crosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElement if (parseInt(crosstick.offsetHeight)>0) crosstickParent.style.height=crosstick.offsetHeight+'px' else setTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100) //delay for Mozilla's sake changetickercontent() } if (document.all || document.getElementById) window.onload=start_ticking </script> <a style="display:none" href="http://moisrex.rozblog.com/">code and tools</a>