HALLO SOBAT.....
Kali ini saya
akan memberikan tutorial tentang cara memberi efek bergerak pada html.,OKE cara
nya tentu sangat mudah sekali,untuk membuat tulisan bergerak yaitu dengan
menggunakan sintag <marquee>
Berikutcontoh sintagnya ;
<marquee>ini
tulisan bergerak</marquee></br>
Kemudian juga ada beberapa
jenis MARQUEE ,Berikut diantaranya :
1. Bergerak dari kiri ke kanan
Code : <marquee direction="right">kiri ke kanan</marquee>
2. Bergerak dari kanan ke kiri
Code : <marquee direction="left">kanan ke kiri</marquee>
3. Bergerak bolak-balik dan memantul
Code : <marquee behavior="alternate">bolak balik memantul</marquee>
4. Bergerak dari atas ke bawah
Code : <marquee direction="down">atas ke bawah</marquee>
5. Bergerak dari bawah ke atas
Code : <marquee direction="up"> bawah ke atas </marquee>
6. Bergerak dari bawah ke atas dan memantul
Code : <marquee behavior="alternate" direction="up">bawah ke atas memantul </marquee>
7. Bergerak menyudut dari bawah ke atas
Code : <marquee><marquee direction="up"> menyudut dari bawah ke atas </marquee></marquee>
8. Bergerak menyudut dari atas ke bawah
Code : <marquee><marquee direction="down"> menyudut dari atas ke bawah </marquee></marquee>
9. Bergerak menyudut dari atas ke bawah dan memantul
Code : <marquee behavior="alternate" direction="down"><marquee behavior="alternate"> menyudut dari atas ke bawah memantul </marquee></marquee>
10. Bergerak berlawanan
Code : <marquee> berlawanan </marquee><marquee direction="right"> berlawanan </marquee>
1. Bergerak dari kiri ke kanan
Code : <marquee direction="right">kiri ke kanan</marquee>
2. Bergerak dari kanan ke kiri
Code : <marquee direction="left">kanan ke kiri</marquee>
3. Bergerak bolak-balik dan memantul
Code : <marquee behavior="alternate">bolak balik memantul</marquee>
4. Bergerak dari atas ke bawah
Code : <marquee direction="down">atas ke bawah</marquee>
5. Bergerak dari bawah ke atas
Code : <marquee direction="up"> bawah ke atas </marquee>
6. Bergerak dari bawah ke atas dan memantul
Code : <marquee behavior="alternate" direction="up">bawah ke atas memantul </marquee>
7. Bergerak menyudut dari bawah ke atas
Code : <marquee><marquee direction="up"> menyudut dari bawah ke atas </marquee></marquee>
8. Bergerak menyudut dari atas ke bawah
Code : <marquee><marquee direction="down"> menyudut dari atas ke bawah </marquee></marquee>
9. Bergerak menyudut dari atas ke bawah dan memantul
Code : <marquee behavior="alternate" direction="down"><marquee behavior="alternate"> menyudut dari atas ke bawah memantul </marquee></marquee>
10. Bergerak berlawanan
Code : <marquee> berlawanan </marquee><marquee direction="right"> berlawanan </marquee>
11.
Bergerak dengan kecepatan tertentu
Code : <marquee behavior="scroll" direction="left" scrollamount="1"> teks lambat</marquee>
<marquee behavior="scroll" direction="left" scrollamount="10"> teks standard</marquee>
<marquee behavior="scroll" direction="left" scrollamount="20"> teks cepat</marquee>
Code : <marquee behavior="scroll" direction="left" scrollamount="1"> teks lambat</marquee>
<marquee behavior="scroll" direction="left" scrollamount="10"> teks standard</marquee>
<marquee behavior="scroll" direction="left" scrollamount="20"> teks cepat</marquee>
KETERANGAN :angka 1/10/20 adalah kecepatan bergerak teks semakin besar angkanya semakin cepat teks bergerak
12.Bergerak dengan efek Blink
Anda bisa juga memadukannya dengan efek blink. Misalnya efek berjalan dari kiri ke kanan dipadukan dengan efek blink, maka akan menjadi seperti ini
<marquee direction="right"><blink>Efek Blink</blink></marquee>
Anda bisa juga memadukannya dengan efek blink. Misalnya efek berjalan dari kiri ke kanan dipadukan dengan efek blink, maka akan menjadi seperti ini
<marquee direction="right"><blink>Efek Blink</blink></marquee>
Bagaimana ? sudah mengerti? Kebanyakan Awalnya memang
agak rumii tetapi jika sudah mencoba akan terasa mudah,..GOOD LUCK!!