Thursday 9 October 2014

Cara Membuat Animasi Teks berjalan Pada HTML

Posted by Ahmad Rofiq  |  at  Thursday, October 09, 2014 No comments

Membuat Animasi Teks berjalan Pada HTML

Hallo sobat jelajahilmu11, kali ini saya akan berbagi tentang bagaimana cara membuat animasi teks berjalan pada html, animasi ini berfungsi untuk memberikan efek berjalan keatas atau kebawah, kekanan atau kekiri dengan menggunakan tag <marquee></marquee>
Tag ini memiliki atribut untuk mengatur gerakan teks yang diapit oleh tag tersebut. Atribut yang dimiliki oleh tag ini meliputi: 

  • Behaviaor yaitu menentukan jenis gerakan teks. Ada tiga macam gerakan teks yang dapat digunakan, yaitu:
  1.  Scroll, dimana teks akan bergerak memutar, muncul dari salah satu halaman web dan akan                        menghilang pada posisi yang lain. Gerakan ini di lakukan berulang-ulang.
  2. Slide, dimana teks muncul dari salah satu sisi halaman web kemudian menghilang pada sisi yang lain. Gerakan ini hanya dilakukan sekali, begitu teks mengdilang tidak akan muncul lagi.
  3. Alternate, teks akan bergerak bolak-balik dari satu sisi halaman web ke sisi yang lain.
  • Width dan Height, atribut ini akan menentukan tinggi dan lebar dari daerah tempat teks berada.
  • Scrolldelay, menentuakn kecepatan gerak scroll dari teks, semakin besar nilai atribut, maka semakin cepat gerak teks.
  • Direction, menentukan arah gerak, atau dari mana teks mulai bergerak. Atribut ini diisi dengan Right atau Left atau menentukan arah gerak.
  • Bgcolor, untuk memberi warna latar belakang dari daerah gerak teks.
  • Align, untuk menentukan posisi teks terhadap daerah gerak teks.
yup, jika sobat jelajahilmu11 sudah paham mengenai atribut diatas, bisa langsung dipraktekan,
tapi kali ini saya hanya akan membahas tentang atribut Direction, yaitu bergerak kekanan-kekiri, keatas-kebawah,
langkah-langkahnya sebagai berikut:

untuk teks berjalan kekanan
<html>
<head>
<title> animasi teks 1</title>
</head>
<body>
       <marquee direction="right"> kekanan </marquee>
</body>
</html>

untuk teks berjalan kekiri
<html>
<head>
<title> animasi teks 2</title>
</head>
<body>
       <marquee direction="left"> kekiri </marquee>
</body>
</html>

untuk teks berjalan keatas
<html>
<head>
<title> animasi teks 3</title>
</head>
<body>
       <marquee direction="up"> keatas </marquee>
</body>
</html>

untuk teks berjalan kebawah
<html>
<head>
<title> animasi teks 4</title>
</head>
<body>
       <marquee direction="down"> kebawah </marquee>
</body>
</html>
 
sesudah itu silahkan di compailer atau di save dan jalankan di jendela browser.

sekian artikel tentang membuat animasi teks berjalan pada html, semoga bermanfaat.

About the Author

Write admin description here..

Get Updates

Subscribe to our e-mail newsletter to receive updates.

Share This Post

Related posts

0 comments:

© 2013 Jelajah Ilmu 11. WP Theme-junkie converted by Bloggertheme9Published..Blogger Templates
Blogger templates. Proudly Powered by Blogger.
back to top