Minggu, 03 Juni 2012


Cara Membuat Tulisan berjalan/Marquee






Cara Mudah Membuat Tulisan berjalan/Marquee LengkapUntuk membuat tulisan berjalan cukup mudah karena hanya dengan kode HTML sederhana Kita sudah bisa membuat tulisan berjalan. Kode HTML untuk membuat tulisan berjalan Atau  Marquee. dapat menggunakan Kode dasar marquee sebagai berikut 


Kode dasar marquee
Selain kode dasar marquee, ada perintah lain (umumnya disebut sebagai atribut) yang disisipkan untuk mengatur keindahan tampilan tulisan yang berjalan. Atribut yang sering di gunakan dalam kode marquee adalah : 

bgcolor="warna" -> Untuk mengatur warna background (latar belakang) teks 


direction="left/right/up/down"  ->  Mengatur arah gerakan teks 

behavior="scroll/slide/alternate" -> Untuk mengatur perilaku gerakan 

Scroll  ->  teks bergerak berputar

Slide ->  teks bergerak sekali lalu berhenti

Alternate  ->  teks bergerak dari kiri kekanan lalu balik lagi ( bolak-balik bo) 

title="pesan"  ->  Pesan akan muncul saat mouse berada di atas teks 

scrollmount="angka"  ->  mengatur kecepatan gerakan, semakin besar angka semakin cepat gerakannya. 

scrolldelay="angka"  ->  Untuk mengatur waktu tunda gerakan dalam mili detik 

loop="angka|-1|infinite"  ->  Mengatur jumlah loop 

width="lebar"  ->  Mengatur lebar blok teks dalam pixel atau persen  



<marquee>Tulisan disini akan berjalan</marquee>


Hasilnya akan seperti ini
Tulisan disini akan berjalan


<marquee align="center" direction="right" height="50" scrollamount="2" width="30%"> Bergerak kekanan </marquee> 

Hasilnya akan seperti ini
Bergerak kekanan
Untuk Membuat  Marquee yang berisi link bisa seperti ini


<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="100%" height="50" align="center">
<a href=" http://www.vickniee.blogspot.com/">Home</a><br/>
<a href="http://vickniee.com/2012/04/daftar-isi.html">Daftar isi</a><br/>
<a href="http://vickniee.blogspot.com/2012/05/program-pascal-hitung-huruf.html">Pascal </a><br/>
</marquee>

Dan Hasilnya seperti ini


Home
Daftar isi
Pascal 

Created by Tauvick22@gmail.com

Tidak ada komentar:

Posting Komentar