Stillcetek.com
Struggle to Move Better
Google
 
Home | Gallery | Project | Contact | About       
 
 
 
About
Lukman, lahir di Kalianda, Lampung Selatan 1984, selesai pendidikan tingkat atas di SMA Islam di Kalianda, kemudian melanjutkan ke Perguruan Tinggi Ilmu Komputer AMIK Dian Cipta Cendikia Lampung ... >>
Recently
Categories
Archives
link blog

Kode sederhana HTML rotator, bisa digunakan sebagai banner rotator iklan, slideshow fhotos, atau text rotator dengan format-format html. Nice.. get the code below:

<html>
<head><title>Cetek</title>
<style type="text/css">
img{
border:none;
}
</style>

<script type="text/javascript">var content = new Array('<b>Test Link1</b> Bold','Test Link2 <i> Format HTML</i>','<img src="images/link.gif">');

var links = new Array('http://www.google.com','http://www.stillcetek.com','http://www.yahoo.com');

var contentStart = 0;
var contentCount = content.length;
var bannerSpeed  = 10;

function bannerRotator() {
var bannerRotasi = document.getElementById("bannerRotasi");
contentStart++;
if (contentStart == contentCount) {
contentStart = 0;
}
if(document.all){
bannerRotasi.innerHTML = content[contentStart];
} else{
bannerRotasi.innerHTML = content[contentStart];
}

bannerRotasi.href=links[contentStart];
setTimeout('bannerRotator()',bannerSpeed * 1000);
}

</script>
</head>
<body>
<div id="frame" background-color:#FF0055">
<a href="#" target="_blank" name="bannerRotasi" id="bannerRotasi"></a>
<script type  ="text/javascript">
bannerRotator()
</script>

</div>
</body>
</html>
Author : Lukman

Comments

One Response to “HTML Rotator”
  1. HTML Rotator With Prototype & Scriptaculous Effect : Stillcetek on December 23rd, 2007 11:16 am

    […] HTML Rotator […]

Leave a Reply

   
   
   
   
   
   
       
   
           

CAPTCHA image

Visitor
 
free-counter
 
Shoutbox
Rank

recent comment