Teks Datang atau Terbang 2

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

0 comments:


Posting Komentar


Creative Commons License
Teks Datang atau Terbang 2 by Nano Yulianto is licensed under a Creative Commons Attribution 3.0 Unported License.
Based on a work at http://nanoyulianto.blogspot.com/2011/01/teks-datang-atau-terbang-2.html.
Permissions beyond the scope of this license may be available at http://nanoyulianto.blogspot.com/.