Cara membuat gambar / tulisan berjalan dengan Marquee
By Ndi Uke
Cara membuat tulisan berjalan seperti yang ada pada teks diberita - Jenis teks berjalan seperti itu disebut juga Marquee karena memakai tag <marquee> contohnya seperti berikut :
Skrip nya sederhana saja seperti ini.
Dengan skrip yang sederhana tersebut kamu bisa memodifikasi skrip hingga menghasilkan teks berjalan yang unik, bukan hanya teks yang berjalan tapi juga bisa berupa gambar. Contohnya sebagai berikut :
Caranya sama seperti di atas hanya mengganti tulisan kamu dengan gambar , sekarang kita akan mengatur kecepatan teks atau gambar yang berjalan, kamu cukup tambahkan scrolldelay="500" dibelakang Marquee pembuka seperti berikut:
Marquee di atas kecepatannya menggunakan scrolldelay="500" jika kamu ingin tulisan tersebut berjalan lebih lambat kamu bisa menambahkan nilainya lebih dari 500 begitu juga sebaliknya kurangi nilainya untuk lebih cepat.
Tapi jika kamu ingin pergerakan marquee lebih cepat gunakan tag scrollamount="100" seperti berikut :
Kurangi nilainya untuk memperlambat kecepatan marquee , standar kecepatan nya yaitu 6 jadi kamu bisa mencoba nya di kecepatan antara 6 sampai 100.
Selanjutnya Marquee akan berikan batasan mengulang , maksudnya agar Marquee berulang hanya beberapa kali saja contohnya kita akan berikan tag loop="2" maka teks akan berjalan 2kali kemudian hilang seperti berikut:
Angka 2 merupakan jumlah tayangan pada marquee, jadi kamu bisa menentukan berapa kali marquee tersebut harus muncul dengan mengubah angka tersebut.
Selanjutnya kita akan memberikan background pada marquee tersebut dengan menambahkan tag bgcolor="green" seperti berikut:
Silahkan kamu ganti warna green dengan warna yang kamu suka.
Selanjutnya kita akan merubah arah dari marquee tersebut dari default nya left atau kiri dengan menambahkan tag direction="right" ( righ ) untuk kanan seperti berikut :
Kamu juga bisa merubah ke arah lainnya seperti keatas dan kebawah dengan catatan harus mengatur juga ketinggian area marquee dengan menambahkan tag height="100" atau 100px contoh seperti berikut :
Up untuk teks yang berjalan keatas , ubah menjadi Down jika kamu ingin teks berjalan kebawah.
Selanjutnya untuk membuat teks berjalan bolak-balik ke kanan dan ke kiri kamu bisa menambahkan tag behavior="alternate" seperti berikut:
Selanjutnya menambahkan link pada teks yang berjalan :
Ganti url berwarna merah dengan link yang ingin kamu gunakan.
Selanjutnya kita akan membuat tulisan nya berhenti berjalan saat diklik atau saat tersorot kursor mouse caranya dengan menambahkan tag onmouseover="this.stop()" dan onmouseout="this.start()" contohnya seperti berikut :
Dengan menggabungkan perintah² pada tag marquee diatas kamu pasti bisa membuat tulisan atau gambar berjalan yang lebih unik dari skrip diatas. Selamat mencoba
Skrip nya sederhana saja seperti ini.
<marquee> tulis disini </marquee>
Dengan skrip yang sederhana tersebut kamu bisa memodifikasi skrip hingga menghasilkan teks berjalan yang unik, bukan hanya teks yang berjalan tapi juga bisa berupa gambar. Contohnya sebagai berikut :
<marquee><img src"URL-GAMBAR"/></marquee>
Caranya sama seperti di atas hanya mengganti tulisan kamu dengan gambar , sekarang kita akan mengatur kecepatan teks atau gambar yang berjalan, kamu cukup tambahkan scrolldelay="500" dibelakang Marquee pembuka seperti berikut:
<marquee scrolldelay="500"> Tulis Disini </marquee>
Marquee di atas kecepatannya menggunakan scrolldelay="500" jika kamu ingin tulisan tersebut berjalan lebih lambat kamu bisa menambahkan nilainya lebih dari 500 begitu juga sebaliknya kurangi nilainya untuk lebih cepat.
Tapi jika kamu ingin pergerakan marquee lebih cepat gunakan tag scrollamount="100" seperti berikut :
<marquee scrollamount="100"> super cepat </marquee>
Kurangi nilainya untuk memperlambat kecepatan marquee , standar kecepatan nya yaitu 6 jadi kamu bisa mencoba nya di kecepatan antara 6 sampai 100.
Selanjutnya Marquee akan berikan batasan mengulang , maksudnya agar Marquee berulang hanya beberapa kali saja contohnya kita akan berikan tag loop="2" maka teks akan berjalan 2kali kemudian hilang seperti berikut:
<marquee loop="2"> cuma 2X lewat </marque>
Angka 2 merupakan jumlah tayangan pada marquee, jadi kamu bisa menentukan berapa kali marquee tersebut harus muncul dengan mengubah angka tersebut.
Selanjutnya kita akan memberikan background pada marquee tersebut dengan menambahkan tag bgcolor="green" seperti berikut:
<marquee bgcolor="green"> Background warna hijau </marquee>
Silahkan kamu ganti warna green dengan warna yang kamu suka.
Selanjutnya kita akan merubah arah dari marquee tersebut dari default nya left atau kiri dengan menambahkan tag direction="right" ( righ ) untuk kanan seperti berikut :
<marquee direction="right"> Teks berjalan ke arah kanan </marquee>
Kamu juga bisa merubah ke arah lainnya seperti keatas dan kebawah dengan catatan harus mengatur juga ketinggian area marquee dengan menambahkan tag height="100" atau 100px contoh seperti berikut :
<marquee direction="up" height="100"> teks berjalan keatas </marquee>
Up untuk teks yang berjalan keatas , ubah menjadi Down jika kamu ingin teks berjalan kebawah.
Selanjutnya untuk membuat teks berjalan bolak-balik ke kanan dan ke kiri kamu bisa menambahkan tag behavior="alternate" seperti berikut:
<marquee behavior="alternate"> memantul kanan kiri</marquee>
Selanjutnya menambahkan link pada teks yang berjalan :
<marquee> <a href="https://zona360net.blogspot.com"/> Teks dengan link </a></marquee>
Ganti url berwarna merah dengan link yang ingin kamu gunakan.
Selanjutnya kita akan membuat tulisan nya berhenti berjalan saat diklik atau saat tersorot kursor mouse caranya dengan menambahkan tag onmouseover="this.stop()" dan onmouseout="this.start()" contohnya seperti berikut :
<marquee onmouseover="this.stop()" onmouseout="this.start()"> Teks akan berhenti jika disentuh</marquee>
Dengan menggabungkan perintah² pada tag marquee diatas kamu pasti bisa membuat tulisan atau gambar berjalan yang lebih unik dari skrip diatas. Selamat mencoba
Post a Comment for "Cara membuat gambar / tulisan berjalan dengan Marquee"