Terima Kasih Telah Mau Berkunjung

Menampilkan Links yang Berjalan dari Bawah ke Atas

Saya pernah mendapat pertanyaan, bagaimana menampilkan banners yang bisa berjalan dari bawah ke atas?
Sebelumnya thanks atas perhatiannya.

Kawan-kawan setanah dan seair bisa melihat kolom links yang berisi links para sahabat, banner-bannernya berjalan dari bawah ke atas dan jika cursor diarahkan ke area tersebut maka links akan berhenti dan menunggu reaksi dari para kawan, apakah mau di klik, diklak atau dikluk.

Sebelumnya, yang sudah bisa tak boleh protes. Pokoknya tunggal guru jangan ganggu, ok.

Pertamax, buat widget baru kemudian masukkan kode berikut :

<style type="text/css">
#marqueecontainer{
position: relative;
width: 200px; /*marquee width */
height: 200px; /*marquee height */
background-color: white;
overflow: hidden;
border: 3px solid orange;
padding: 2px;
padding-left: 4px;
}
</style>
<script type="text/javascript">
var delayb4scroll=2000 //Specify initial delay before marquee starts to scroll on page (2000=2 seconds)
var marqueespeed=2 //Specify marquee scroll speed (larger is faster 1-10)
var pauseit=1 //Pause marquee onMousever (0=no. 1=yes)?
var copyspeed=marqueespeed
var pausespeed=(pauseit==0)? copyspeed: 0
var actualheight=''

function scrollmarquee(){
if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8))
cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed+"px"
else
cross_marquee.style.top=parseInt(marqueeheight)+8+"px"
}

function initializemarquee(){
cross_marquee=document.getElementById("vmarquee")
cross_marquee.style.top=0
marqueeheight=document.getElementById("marqueecontainer").offsetHeight
actualheight=cross_marquee.offsetHeight
if (window.opera || navigator.userAgent.indexOf("Netscape/7")!=-1){ //if Opera or Netscape 7x, add scrollbars to scroll and exit
cross_marquee.style.height=marqueeheight+"px"
cross_marquee.style.overflow="scroll"
return
}
setTimeout('lefttime=setInterval("scrollmarquee()",30)', delayb4scroll)
}

if (window.addEventListener)
window.addEventListener("load", initializemarquee, false)
else if (window.attachEvent)
window.attachEvent("onload", initializemarquee)
else if (document.getElementById)
window.onload=initializemarquee

</script>


Keduax, kamu masukkan kode ini lagi dibawahnya

<div id="marqueecontainer" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">
<div id="vmarquee" style="position: absolute; width: 98%;">

<h4>Links yang ingin ditampilkan</h4>

</div>
</div>
<br/>

5 comments:

POSTINGAN TERBARU



KOMENTAR KAWAN




Kutunggu Komentarmu ....