Powered by Blogger.
RSS

Tips of Marquee : How to make moving text in Website


Tips ini untuk memperkaya variasi tampilan halaman website Anda. Pengkayaan variasi halaman tetap harus mempertimbangkan aspek letak dan lainnya. Karena jangan sampai justru menjadi boomerang bagi website Anda. Maksudnya kita harus menghindarkan diri jangan sampai accesories atau variasi tampilan justru mengganggu para pembaca untuk mencerna esensi content website Anda.

1.     Text bergerak dari kanan ke kiri   (Marquee / moving from right to left (default).

Bentuk tags Html sebagai berikut :
<marquee>Place your Text </marquee>

Hasilnya seperti terlihat di bawah ini  :

Place your Text

2.     Text bergerak dari kiri ke kanan  (Marquee/moving from left to right).

Bentuk tags Html sebagai berikut :
<marquee direction="right">Place your Text </marquee>

Hasilnya seperti terlihat di bawah ini  :

Place your Text


3.     Marquee/moving back and forth.

Bentuk tags Html sebagai berikut :
<marquee behavior="alternate">Place your Text </marquee>

Hasilnya seperti terlihat di bawah ini  :
Place your Text


4.     Marquee/moving with scrollamount become aggressive.

Bentuk tags Html sebagai berikut :
<marquee scrollamount="18" behavior="alternate">Place your Text </marquee>

Hasilnya seperti terlihat di bawah ini  :

Place your Text


5.     Marquee/moving with on-mouse-over stop and on-mouse-out start,if mouse point to text so stop.

Bentuk tags Html sebagai berikut :
<marquee onmouseover="this.stop()" onmouseout="this.start()" behavior="alternate">Place your Text </marquee>

Hasilnya seperti terlihat di bawah ini  :

Place your Text


6.     Text bergerak dari bawah ke atas (Marquee/moving from bottom to up)

Bentuk tags Html sebagai berikut :
<marquee direction="up">
Place your Text #1
Place your Text #2
Place your Text #3
Place your Text #4
</marquee>

Hasilnya seperti terlihat di bawah ini  :

Place your Text
Place your Text
Place your Text
Place your Text



7.     Text bergerak dari atas ke bawah (Marquee/moving from up to bottom).

marquee for website design Bentuk tags Html sebagai berikut :
<marquee direction="down">
Place your Text #1
Place your Text #2
Place your Text #3
Place your Text #4
</marquee>

Hasilnya seperti terlihat di bawah ini  :

Place your Text
Place your Text
Place your Text
Place your Text


  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

0 comments:

Post a Comment