Berikut macam-macam membuat tulisan menjadi bergerak :
1. Tulisan Bergerak Secara Marquee / Standar
Untuk membuat tulisan bergerak seperti diatas maka tinggal memasukkan kode html seperti dibawah ini :
<marquee>Contoh Text atau tulisan bergerak Standar</marquee>
2. Tulisan Bergerak Setengah Layar
Cara ini tergantung pada div atau nav pengapit marquee tersebut,artinya jika selector div hanya 500px maka tulisan berjalan akan muncul pada pixel ke 250 - 0 (tengah ke kiri).
Kode htmlnya dibawah ini :
<marquee width="50%"> Contoh Text atau tulisan Bergerak Standar width 50%</marquee>
3. Tulisan Bergerak Dari Kanan ke Kiri
Seperti halnya yang telah saya jelaskan diatas bahwa tulisan bergerak dari kanan ke kiri ini sama dengan yang standar,namun disini saya akan mencoba menambahkan kode htmlnya sedikit.
Kode htmlnya dibawah ini :
<marquee direction="left">Contoh Tulisan Bergerak Dari Kanan ke Kiri</marquee>
4. Tulisan Bergerak Dari Kiri ke Kanan
Cara ini masih sama dengan yang diatas cuma tinggal merubah yang semula left menjadi right.
Untuk lebih jelasnya dapat dilihat kode html dibawah ini :
<marquee direction="right">Contoh Tulisan Bergerak Dari Kiri ke Kanan</marquee>
5. Tulisan Bergerak Dengan Efek Memantul
Dalam hal ini kode html yang dibutuhkan yaitu behavior="alternate".Lebih lengkapnya lihat kode html dibawah ini :
<marquee behavior="alternate">Contoh Tulisan Bergerak Dengan Efek Memantul</marquee>
6. Tulisan Bergerak Dari Bawah ke Atas
Untuk kali ini hal yang perlu diperhatikan hanya menambahkan kode htmlnya dengan direction="up".
Liat kode html di bawah ini :
<marquee direction="up">Contoh Tulisan Bergerak Dari Bawah ke Atas</marquee>
7. Tulisan Bergerak Dari Atas ke Bawah
Sama halnya dengan yang di atas cuma tinggal merubah valuenya yang semula direction="up" menjadi direction="down".Lebih jelasnya liat kode htmlnya dibawah ini :
<marquee direction="down">Contoh Tulisan Bergerak Dari Atas ke Bawah</marquee>
Sekian dulu untuk posting kali ini,semoga bisa bermanfaat.
No comments:
Post a Comment