Home > JavaScript Blogger > Teks Datang atau Terbang 2atau
Lihat sebelumnya : Teks Datang atau Terbang
Demo :
Hanya Contoh !
Jreng Jreng
Gumprang !!!
Cara membuatnya
Dari Dashboard >> Design >> Edit HTML.
Penempatannya
dibawah ]]></b:skin>
........
diatas </head>
<style type="text/css">
.glidetext{position: relative;left: -500px;}
</style>
<script type='text/javascript'>
//<![CDATA[
//Teks datang atau terbang 2 by JavaScript Kit
//http://www.javascriptkit.com/script/script2/sequentialtext.shtml
var pausebetweenmsg=10 //pause per-message (3000=3 detik)
var glidespeed=50 //kecepatan
var curobjindex=0
function actualstyle(el, cssproperty){
if (el.currentStyle)
return el.currentStyle[cssproperty]
else if (window.getComputedStyle){
var elstyle=window.getComputedStyle(el, "")
return elstyle.getPropertyValue(cssproperty)
}
}
function collectElementbyClass(){
var classname="glidetext"
glidearray=new Array()
var inc=0
var alltags=document.all? document.all : document.getElementsByTagName("*")
for (i=0; i<alltags.length; i++){
if (alltags[i].className==classname)
glidearray[inc++]=alltags[i]
}
if (glidearray.length>0)
onebyoneglide()
}
function onebyoneglide(){
if (curobjindex<glidearray.length)
glidetimer=setInterval("glideroutine()",50)
}
function glideroutine(){
if (parseInt(actualstyle(glidearray[curobjindex], "left"))<0)
glidearray[curobjindex].style.left=parseInt(actualstyle(glidearray[curobjindex], "left"))+50+"px"
else{
glidearray[curobjindex].style.left=0
curobjindex++
clearInterval(glidetimer)
setTimeout("onebyoneglide()", pausebetweenmsg)
}
}
if (window.addEventListener)
window.addEventListener("load", collectElementbyClass, false)
else if (window.attachEvent)
window.attachEvent("onload", collectElementbyClass)
else if (document.getElementById)
window.onload=collectElementbyClass
//]]>
</script>
Penempatannya
dibawah <body>
........
diatas </body>
<p class="glidetext">Hanya Contoh !</p>
<h3 class="glidetext">Jreng Jreng</h3>
<h4 class="glidetext">Gumprang !!!</h4>
Teks yang berwarna hijau adalah attribute untuk eksekusi.
Teks yang berwarna merah untuk teks anda.
Credit : JavaScript Kit
Alhamdulillah
