Batman Begins - Help Select

~ Selamat datang di website saya ~

Tutorial Membuat Tulisan Menjadi Bergerak

Marquee tag digunakan untuk menggerakkan sama ada perkataan ataupun gambar. Dalam contoh ini, saya akan tunjukkan beberapa cara untuk menggunakan Marquee tag ini untuk menggerakkan tulisan anda.

Teks Bergerak Ke Bawah...
Teks Bergerak Ke Kanan...
Teks Bergerak Ke Kiri...

Teks Bergerak Ke Atas...



1. Seperti yang anda lihat di atas, Teks ini bergerak ke kiri dan ke kanan. Anda boleh gunakan kode dibawah ini untuk melakukan tricks tersebut.


<marquee direction=" right">This text scrolls right...</marquee>


Apa yang anda perlukan, gantikan teks yang bewarna kuning kepada arah mana anda akan teks tu Scroll. Anda boleh pilih sama ada - up, down, right, left.

Teks ini Macam Ferari..

2. Anda boleh mengubah kelajuan teks dengan menggunakan kod di bawah ni.


<marquee scrollamount="30">Teks ni Macam Ferari..</marquee>


Ubah nomer yang bewarna Oren untuk mengubah kelajuan.

Teks ini seperti Siput


<marquee scrolldelay="300">Teks ini seperti Siput..</marquee>


3. Ubah nomer yang bewarna hijau untuk mengubah kelajuan.

Teks ini Melantun

Untuk membuatkan teks anda melantun seperti di atas ini. Gunakan kode di bawah.


<marquee behavior="alternate">Teks ini Melantun</marquee>


4. Ok. Seterusnya cara untuk menetapkan ruangan untuk Marquee bergerak

Teks ini bergerak dalam kelebaran 200 width


<marquee width="200">Teks ini bergerak dalam kelebaran 200 width</marquee>

Anda boleh tentukan width mengikut kesukaan anda dengan menukarkan nomer yang bewarna hijau.

5. Seterusnya saya akan menggabungkan beberapa kode Marquee ini bersama.

Teks Paling Awesome

Ini merupakan kode yang saya gunakan untuk membuat teks bergerak seperti yang di atas.


<marquee behavior="alternate" width="400" scrollamount="30">Teks Paling Awesome</marquee>


Sekarang, anda boleh coba dalam blog anda, anda juga boleh gabungkan kode-kode marquee ini mengikut kesukaan anda masing-masing.

TUTORIAL HTML
~ Meskipun banyak kendala dalam pembuatan desain web, tapi tetap berusaha untuk mencapai hasil yang terbaik ~