Cara Membuat TEXT Berjalan Di HTML

Pada halaman ini  saya menjelaskan  Cara Membuat TEXT Berjalan  Di HTML atau Running text

Untuk membuat text berjalan atau running text  sebenar nya sangat mudah .kali ini saya akan member contoh membuat  beberapa jenis text berjalan , agar lebih  variasi  yang bisa anda pilih . terlebih dahulu  kita akan  belajar  membuat kodenya , lalu belajar cara  memasang nya  pada blog

Kode dasar membuat text berjalan  adalah

Kode di atas akan terlihat seperti ini:

semut-share.blogspot.com

tapi selain kode di atas ada beberapa tambahan kode yang bisa anda berikan untuk membuat variasi dari marquee. Di bawah ini kita akan berikan kodenya dan sekaligus mempraktikkan marquee tersebut....

kode scrolldelay="angka" digunakan untuk mengatur jeda dalam milidetik, jadi untuk jeda 1 detik masukkan nilai 1000
Contoh kode marquee:

Hasilnya akan terlihat seperti di bawah ini:

semut-share.blogspot.com

kode loop="angka|-1|infinite" digunakan untuk mengatur pengulangan atau repetisi dari marquee
Contoh:

Hasilnya akan terlihat seperti di bawah ini:
semut-share.blogspot.com

Keterangan: Setelah 5 kali teks akan hilang.

kode width="lebar" digunakan untuk mengatur lebar media teks berjalan, bisa dalam satuan pixel atau persen dari bidang yang ada
Contoh kode:

Hasilnya akan terlihat seperti di bawah ini:

semut-share.blogspot.com

kode bgcolor="warna" digunakan untuk memberikan warna latar pada marquee jika diperlukan

Contoh kode marquee:

Hasilnya akan terlihat seperti di bawah ini:

semut-share.blogpsot.com

kode title="pesan" digunakan untuk memunculkan pesan jika kursor mouse diletakkan di jalur teks berjalan
Contoh kode:

Hasilnya akan terlihat seperti di bawah ini:
Share technologi

Keterangan: Taruh kursor mouse pada jalur dan bukan pada teks untuk membaca pesan

kode scrollamount="angka" digunakan untuk mengatur kecepatan pergerakan tulisan semakin besar angkanya semakin kencang
Contoh kode:

Hasilnya akan terlihat seperti di bawah ini:


semut-share.blogspot.com kode direction="left/right/up/down" digunakan untuk mengatur arah pergerakan running text
Contoh kode:

Hasilnya akan terlihat seperti di bawah ini:

semut-share.blogspot.com

kode behavior="scroll/slide/alternate" digunakan untuk mengatur type pergerakan
Scroll jika ingin teks bergerak terus ke suatu sisi dan muncul dari sisi lain
Slide jika ingin teks bergerak sekali kemudian berhenti dan diulangi lagi
Alternate jika ingin teks terlihat memantul/bouncing dari ujung kembali ke ujung.
Contoh kode:

Hasilnya akan terlihat seperti di bawah ini:

semut-share.blogspot.com

Sekarang kita akan coba membuat variasi dari kode di atas. Kita akan membuat teks ini bergerak turun dan oleh karena itu kita perlu menambah kode height untuk membuat ruang pergerakan teks;
Contoh kode:

Hasilnya...

semut-share.blogspot.com

Cara membuat tulisan berhenti kalau kursor diarahkan ke text
silahkan tambahkan kode

onmouseover="this.stop()" onmouseout="this.start()"

Contoh kodenya seperti berikut:

Tampilan akhir akan terlihat seperti berikut....

semut-share.blogpsot.com

Keterangan: Silahkan lintaskan kursor pada jalur ataupun teks untuk menghentikan pergerakan

SELAMAT MENCOBA 

Related Posts:

Tweet