Home » » Membuat Teks Berjalan -= Marque =-

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
    Baca juga yang ini:

    4 comments:

    Leave a Reply