Membuat text berjalan atau yang disebut marquee adalah salah satu langkah untuk mempecatik web. Dengan text berjalan atau marquee, maka web atau blog yang sedang anda kelola tentunya akan tampil lebih cantik.
Adapun text berjalan yang sering kita temui yaitu dari kanan ke kiri dan hal ini sudah lumrah tentunya
Namun ternyata tidah hanya sampai disitu, kita masih bisa mengkreasikan tex yang berjalan dari kiri ke kanan, dari atas ke bawah atau dari bawah ke atas.
Nah, pada kesempatan kali ini saya akan membagikan cara membuat text berjalan dari kiri ke kanan dan dari bawah ke atas.
berikut kodenya:
Dan ternyata anda masih bisa mengkreasikan lagi text berjalan yaitu dari bawah ke atas. Berikut codenya:
Nah, untuk mempermudah anda dalam memahami kode-kode tersebut, berikut ini saya akan jelaskan sedikit tentang kode-kode tersebut.
semoga bermanfaat.
Adapun text berjalan yang sering kita temui yaitu dari kanan ke kiri dan hal ini sudah lumrah tentunya
Namun ternyata tidah hanya sampai disitu, kita masih bisa mengkreasikan tex yang berjalan dari kiri ke kanan, dari atas ke bawah atau dari bawah ke atas.
Nah, pada kesempatan kali ini saya akan membagikan cara membuat text berjalan dari kiri ke kanan dan dari bawah ke atas.
berikut kodenya:
<MARQUEE align="center" direction="right" height="45" scrollamount="2" width="50%">
Marquee dari kiri ke kanan
</MARQUEE>
Maka hasilnya :Dan ternyata anda masih bisa mengkreasikan lagi text berjalan yaitu dari bawah ke atas. Berikut codenya:
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="up" width="50%" height="50" align="center">
Selamat datang di Ogetberbagi.blogspot.com, selamat menikmati sajian kami dan semoga bermanfaat.
</marquee>
</marquee>
Nah, untuk mempermudah anda dalam memahami kode-kode tersebut, berikut ini saya akan jelaskan sedikit tentang kode-kode tersebut.
- <marquee> = adalah kode untuk memulai text berjalan
- </marquee> = penutup kode marquee
- onmouseover="this.stop()" adalah kode ketika kursor mouse berada di atas text, maka text yang berjalan akan berhenti
- onmouseout="this.start()" dan saat mouse tidak berada di atas text maka text akan kembali berjalan.
- direction="up" , artnya text yang berjalan ke atas, anda dapat menggantinya dengan down=bawah, right=kanan.
- width="50%" yaitu lebar area text berjalan, persen(%) dapat dihilangkan, maka akan terbaca sebagai pixel. anda dapat mengaturnya sesuai kebutuhan.
- height="50" yaitu tinggi area text yang berjalan, disini tidak ada persen, maka akan terbaca sebagi 50 pixel.
- align yaitu perataan text, pilihannya adalah align (left,center atau right)
semoga bermanfaat.
Tidak ada komentar:
Posting Komentar
Terimakasih telah berkunjung, silahkan tinggalkan komentar anda. Kritik dan saran yang membangun sangat diharapkan untuk lebih baik kedepannya.