Sajian teks yang tampil secara aktraktif tentu akan sangat menyegarkan. Tentu kita pernah melihat tampilan teks yang berjalan dari bawah ke atas. Atau pula tampilan banner yang berjalan dari bawah ke atas. Sangat memesona dan mengundang perhatian pengunjung.
Semua berkat dukungan teknis Marquee dalam kode HTML. Ya, dengan kata marquee ini kita bisa menjalankan teks maupun gambar sesuai dengan keinginan kita. Menggunakannya pun semenyenangkan melihatnya.
Berikut adalah beberapa kode marquee dasar yang bisa kita gunakan :
<marquee direction=left>teks berjalan ke kiri </marquee>
<marquee direction=up>teks berjalan ke atas </marquee>
Keterangan : Untuk mendapatkan efek yang berbeda, kita bisa mengganti 'left' ke 'right' agar teks berjalan ke kanan, atau gantilah 'up' dengan 'down' agar teks berjalan ke bawah.
Marquee juga memiliki atribut lain untuk melengkapi hasil yang bisa ditampilkan.
Misalnya : onmouseover="this.stop()" onmouseout="this.start()"
<marquee direction=up onmouseover="this.stop()" onmouseout="this.start()"><a href="#">link1</a><br><a href="#">link2</a> </marquee>
Dengan menyelipkan atribut diatas didalam marquee, maka saat teks yang berjalan didekati oleh mouse, maka teks akan tertahan (stop) dan saat mouse maka teks akan kembali berjalan. Sangat membantu bila kita menyertakan tautan (link) di dalam marquee agar mudah dikendalikan pengunjung.
Ok, selamat beranimasi sederhana.
Tag : kode html marquee, marquee.
Pengikut
30 komentar:
Kamu bisa dapetin ilustrasi wajah yang sesuai dengan wajah kamu di moselo.com/Bikingemeys. Jangan lupa ada promo jika pesan dari aplikasinya langsung.
Langganan:
Posting Komentar (Atom)
Postingan Populer
-
Nokia Indonesia merilis varian Asha terbaru. Seri untuk kelas bawah ini hadir dengan sentuhan baru. Terutama dari segi kemudahan berbagi fil...
-
Setelah kita memiliki blog tentu yang perlu dilakukan selanjutnya adalah mengelola dan mempublikasinya. Mengelola berarti selalu melakukan p...
-
Seakan diingatkan oleh Mbak Hanan karena di blog saya belum pernah menulis tentang bagaimana membuat link read more disetiap postingan blog...
thanks mas ilmunya, udah ditunggu2 neh ;)
BalasHapusThank you yach kang, ternyata di jawab juga, heheheheh.....
BalasHapuswaaaah ... asik ... asik ... akhirnya dapet ilmunya, kebetulan butuh!
BalasHapusmakasih ... makasih ...
saya udah pake juga yang kekanan pake image... niru juga dari edittag :)
BalasHapusSalam kenal mas... Mau nanya nih, kenapa daftar link (seperti di blog dapur saya) yang pake marquee bisa melorot kalo dibuka pake IE? Padahal kalo pake Firefox baik-baik aja.
BalasHapusMohon bantuannya ya mas.... Thanx
Hanya masalah kompatibilitas di browser aja bu, aku cek pake IE terbaru, alias versi 7, marqueenya normal dan sehat-sehat saja.
BalasHapuscoba ibu buka di browser yang sama untuk memastikan.
Ternyata betul mas, setelah update menjadi IE versi 7 blogroll marquee-nya sehat lagi. Makasih ya... dan jangan bosan kalo nanti saya tanya-tanya lagi :D
BalasHapusSaya tunggu pertanyaan selanjutnya (sambil siap2 cari browser baru sebagai jawabannya, mudah kan....hehehe).
BalasHapushuahhh,,,
BalasHapusmantabss bet ilmunya,
keren and berguna bgt buat gw yg masih pemula
btw, hasil editan foto kartunnya juga bagus,,,
bagi" ilmu ttg ubah ke kartun donk..
Om ajarin saia donk biar testi di fs bisa gerak ke kiri, kanan, atas, bawah, dan berkedip - kedip donk.
BalasHapusmakasih ya.....
saia masih gak ngerti yg ditulis di situ.....
Terima kasih triknya, Mas, gimana cara mengganti jenis font-nya
BalasHapusdari tips dan trik blog
thanks mass atas trik nya...akhirnya saya berhasil memakainya
BalasHapussip....:)
BalasHapusMas mo tanya nih...kalo gambar banner/chicklet itu bisa ga di pasang marquee ga?masalahnya sy pasang banner edittag dan yg lainnya,sy mo bikin bergerak gitu..Makasih.
BalasHapustentu bisa, cukup ganti nama dengan kode gambar (img src)..untuk mengaktifkan linknya juga tak ada perbedaan...silakan dicoba....
BalasHapuskalo mau tulisannya jalannya biar lebih lama gimana boss,....
BalasHapuskmr kalo udah dijawab tolong dibalas alamat jawabannya ke emailku awari_shirishama@yahoo.com
soalnya susah cari nya artikel situ kan banyak banget.....
Mas...
BalasHapuspertanyaannya cupu banget banget.. maklum mas amatiran dan baru coba2 belajar ngeblog.. mau masang kode HTML nya yang buat link meeqque biar nganan ngiri itu di edit html ? atau di edit widget ? makasih loch mas...
kayanya ini dulu pertanyaannya..
pengen nyobain dulu
BalasHapusmas gimana sih cara buat JS EXSTSN???thx
BalasHapuskita bisa pake editor notepad misalnya, saat kita akan simpan, di bagian Save As type, pilih All files. Tentunya di file yang kita simpan dikasih nama belakang .js.
BalasHapusWaduh... kayaknya seru juga bisa nulis buku, pengen juga sebenarnya. Bagi tips nya donk supaya saya tidak jenuh menulis, kadang nulis baru dapet setengah habis itu males mau nerusin, kalo gitu terus kapan jadinya tulisan saya, makasih sebelumya atas jawabanya.
BalasHapuskeren, gabung diblog kami ya...wassalam
BalasHapusgabung ya...........
BalasHapusMas, mo nanya mas. Saya udah upload gif di blog saya mas, tapi pas saya terbitkan kok gambarnya gak gerak ya mas!!!!
BalasHapusSebelumnya, maturnuwun yo mas!!!!
Mohon bantuannya segera ya mas!!!!
BalasHapusMaturnuwun again mas!!!!
Ada kemungkinan browsernya diseting untuk menampilkan image gif tidak animasi, coba cek ke setingan browsernya, pake browser apa, skalian kasih alamat URL filenya biar bisa dicek dsini.
BalasHapusgan.tukeran link ya... link agan dah saya pasang di blognya saya...
BalasHapussaya baru belajar ngeblog neh gan..mohon bimbingannya..biar jadi "rame" blog saya nantinya.
http://andr3newbie.blogspot.com/
terima kasih banyak boz atas informasinya, ini berguna sekali bagi saya. terima kasih
BalasHapushttp://jendelainformasi.info/
agus juga ya namanya...blognya komplit nih!
BalasHapussilahkan yg mau baca2 blognya mas agus supriyadi, tinggal klik
Untuk Marquee agar tdk error gmn bang, kdng pas bikin content ata farse kata banyak pas buka blog pertama farse katanya pada berantakan g bisa rapi gtu. ada solusinyakah bang. Thanks n salam kenal ya
BalasHapus