Tag <marquee> ialah salah satu bentuk yang berfungsi membuat objek dapat bergerak di blog secara vertikal maupun horizontal.
Membuat Gambar Bergerak di Blog
Kode HTML Gambar Bergerak
<marquee direction="right" scrollamount="5"><a href="https://hardifal.com" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="430" data-original-width="539" height="155" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPhlgl8HsSeW6zaEGvVN9eykEH1NXamzT5KXcyjb3aNvFRjYL70sDpgbOtozuNwxvpiYHHtsEg78jtZ5IucUe-DZWjSyN0sZlWT4-Xd4n6KreRuyrFrcnKmRzd71NCE4-72VJpctijtcQ/s1600/membuat+tulisan+atau+gambar+bergerak+di+blog.jpg" width="220" /></a></marquee>
Keterangan :
- Gambar diatas bergerak dari kiri ke kanan, anda bisa mengubah arah geraknya dengan mengubah"right" dengan left(kearah kiri), top(kearah atas) atau down(kerah bawah).
- Mengubah kecepatan gerak, silahkan ganti angka "5" dengan angka yang diinginkan. Semakin besar angkanya maka semakin cepat bergeraknya.
- "https://hardifal.com" adalah link atau alamat tujuan ketika gambar di klik.
Membuat Tulisan Bergerak di Blog
Untuk membuat teks animasi, caranya masih sama seperti gambar bergerak yakni menggunakan fungsi <marquee> hanya bedanya tidak perlu memerlukan link gambar, karena yang akan ditampilkan hanya teks/tulisan. Berikut saya sajikan teks animasi dengan bermacam-macam gerak.- Membuat Tulisan Bergerak Horizontal
Ini Adalah Running Text Horizontal
KODE HTML Tulisan Bergerak Horizontal
<marquee direction="right"><strong>Ini Adalah Running Text Horizontal</strong></marquee>- Membuat Tulisan Bergerak Horizontal (Memantul)
Kode HTML Tulisan Bergerak Horizontal
<marquee behavior="alternate" direction="up" scrollamount="2" width="90%"><marquee behavior="alternate" direction="right"><b> Ini adalah Running Text Memantul (Horizontal)</b></marquee>- Membuat Tulisan Bergerak Vertikal
Kode HTML Tulisan Bergerak Vertikal
<marquee style="text-align:center" direction="up">Ini Adalah Running Text Vertikal</marquee>- Membuat "Teks Berjalan" Berhenti Ketika Disorot Mouse
KODE HTML Teks Berjalan Berhenti Setiap Disorot Mouse
<marquee onmouseover="this.start()">eks ini Akan Berhenti Jika Di Sorot Mouse</marquee>Teks berjalan ini menggunakan attribute tag onmouseover yang bergungsi menghentikan running teks setiap kali diarahkan kursor.
Bantu berikan donasi jika artikelnya dirasa bermanfaat Anda dapat berkontribusi dengan mengeklik tautan di bawah ini:
Donasi Sekarang
Komentar