Cara Membuat Message Slideshow | Buku Catatan si Ugi

Message Slideshow adalah sebuah kotak pesan berbentuk slideshow. Masing-masing pesan dikaitkan dengan sebuah URL, dengan mengklik tombol yang berada dibawah kotak pesan, maka secara otomatis Message Slideshow ini akan surfer ke URL yang dituju.



Demo:



What's On Update




Cara Memasang Message Slideshow

Cukup dengan menempatkan kode Script di bawah ini ke bagian <body> halaman, dimanapun yang anda inginkan.

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%"><form name="slideshow"><div align="center"><center><p><b>What's On Update</b><br><textarea rows="5" name="S1"
cols="30" wrap="virtual"></textarea><br>
<input type="button" value="Take me there!" name="B1" onClick="window.location=messagelinks[curmsg]"></p>
</center></div>
</form>
</td>
</tr>
</table>
<script>

/*
Message Slideshow-
By Buku Catatan si Ugi  (http://caprt3a.blogspot.com)
Free JavaScripts here
*/

var curmsg=-1
var messages=new Array()
messages[0]="Check out CNN, one of the premier news site on the net, covering national international, sports, and wheather news!"
messages[1]="Visit Wired.com for the latest happenings in the technology sector."
messages[2]="Go to download.com to download the latest shareware and demo programs!"
//add more messages as desired

var messagelinks=new Array()
messagelinks[0]="http://www.cnn.com"
messagelinks[1]="http://www.wired.com"
messagelinks[2]="http://www.download.com"
//add more links as indicated by the number of messages

function slidemessage(){
if (curmsg<messages.length-1)
curmsg++
else
curmsg=0
document.slideshow[0].value=messages[curmsg]
setTimeout("slidemessage()",4500)
}
slidemessage()
</script>

Keterangan:

Ubah Pesan yang terkandung dalam variabel mesages [0], mesages [1], dll berikut link yang berhubungan dengan messagelinks [0], messagelinks [1], dll..
sumber: javascriptkit




0 komentar:

Post a Comment



Catatan :

Untuk menyisipkan gambar kedalam komentar, gunakan tag : [img]URL_Gambar[/img]
atau <i rel="image">URL_Gambar</i>
Untuk Video Youtube : [youtube]URL_Video[/youtube]
atau <i rel="youtube">URL_Video</i>
Untuk "Kutipan", gunakan : [blockquote]Kutipan_Anda[/blockquote]
atau <b rel="quote">Kutipan_Anda</b>
Untuk menyisipkan Kode: [code]KODE[/code]
atau <i rel="code">KODE</i>
atau <i rel="pre">KODE</i>
Dan untuk menyisipkan smiles/ emoticon, lihat kode Emoticon







 

Anda sudah mengaktifkan penyaringan konten ( AdBlocker di Aktifkan )

Mohon maaf untuk sementara Anda tidak dapat melihat halaman ini, silahkan kembali lagi setelah Anda menonaktifkan filter yang Anda gunakan. Abaikan