Rabu, 10 April 2013

Tips Membuat Teks Berjalan -= Marque =-


membuat teks berjalan
Mungkin sobat modif pernah dapat masalah, “Gimana sich buat teks yang bisa berjalan-jalan?” Semula hal itu nampaknya rumit, tapi setelah dipikir-pikir , gampang koq …!! Yang penting mau aja memahaminya .. Berikut kodenya


kode dasarnya adalah   <marquee> tulisan </marquee> , tempatkan tulisan yang ingin sobat modif berjalan pada bacaan tulisan berwarna merah tersebut. Contohnya sebagai berikut: 



tulisan

untuk memodifikasi teks berjalan tersebut , dapat ditambahkan kode lagi. Seperti ini:

<marquee align="center" direction="right" height="200" scrollamount="2" width="100%">
 bergerak dari kanan ke kiri </marquee>

maka, jadinya akan seperti ini:



bergerak dari  kanan ke kiri

berikut keterangannya:


  • DIRECTION --> Mengatur arah gerakan teks , bisa diganti dengan left/right/up/down, terserah mau yang mana
  • SCROLLMOUNT --> mengatur kecepatan gerakan, semakin besar semakin cepat , dapat diganti dengan angka
  • WIDTH --> Mengatur lebar tempat teks berjalan , ganti dengan pixel atau pun persen
gerakannya juga dapat diatur menjadi: teks bergerak berputar ,teks bergerak sekali lalu berhenti, teks bergerak bolak balik.
Caranya:
  • kodenya adalah BEHAVIOR="scroll/slide/alternate"
  • pilih salah satu , apa scroll atau slide atau alternate
  • scroll --> teks bergerak berputar
  • slide --> teks bergerak sekali lalu berhenti
  • alternate --> bolak balik

contoh lebih ma'nyos seperti ini:

<marquee align="center" direction="left" height="200" scrollamount="3" width="100%" behavior="scroll">
ma'nyem .......</marquee>

jadinya begini:




ma'nyem .......

bisa lagi dimodifikasi yang kalau kursor diarahkan ke tulisan , marqueenya berhenti . Codenya seperti ini:

<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="down" width="50%" height="200" align="center">
di sini tulisannya
</marquee>

maka jadinya seperti ini:





di sini tulisannya



capek juga ya nulis ,, udahan dulu ah ,, semoga mantebbb and succes for you

Sumber Artikel

Tidak ada komentar:

Posting Komentar