Membuat Tulisan Berjalan Dalam Halaman Web

Tulisan Berjalan merupakan variasi yang menarik dalam tampilan web, ada yang teks berjalan mulai dari kanan kiri dan mengulangi lagi dari kanan, ada juga teks berjalan dari kanan kekiri dan setelah sampai dibatas kiri teks tersebut kembali kesebelah kanan, dan banyak lagi variasi lainnya. Dalam membuat teks berjalan dalam halaman web dibutuhkan tag <marquee>…</marquee>

Dibawah ini macam-macam contoh teks berjalan (<marquee> adalah sebagai berikut:

1.Marquee Biasa

Kode:

<marquee>GRUP KULIAH</marquee>

Keterangan:

Text yang berwarna merah adalah tulisan yang berjalan, jadi bisa anda ganti sesuai selera anda.

2.Marquee dengan jeda

Kode:

<marquee scrolldelay="1000"> GRUP KULIAH </marquee>

Keterangan:

-Text yang berwarna merah adalah tulisan yang berjalan, jadi bisa anda ganti sesuai selera anda.

-Text yang berwarna biru adalah waktu jedanya , jadi bisa anda ganti sesuai selera anda. (1000 = 1 detik)

3.Marquee dengan menentukan ukurannya

Kode:

<marquee loop="5"> GRUP KULIAH </marquee>

Keterangan:

-Text yang berwarna merah adalah tulisan yang berjalan, jadi bisa anda ganti sesuai selera anda.

-Text yang berwarna biru adalah lama putaran, jadi bisa anda ganti sesuai selera anda.

4. Marque dengan menentukan lebar kotak

Kode:

<marquee width="50%">GRUP KULIAH</marquee>

Keterangan:

-Text yang berwarna merah adalah tulisan yang berjalan, jadi bisa anda ganti sesuai selera anda.

-Text yang berwarna biru adalah lebar kotak marquee-nya, jadi bisa anda ganti sesuai selera anda.

5. Marquee dengan menentukan warna kotak

Kode:

<marquee bgcolor="orange">GRUP KULIAH</marquee>

Keterangan:

-Text yang berwarna merah adalah tulisan yang berjalan, jadi bisa anda ganti sesuai selera anda.

-Text yang berwarna biru adalah warna background kotak marquee-nya, jadi bisa anda ganti sesuai selera anda.

6. Marquee dengan menentukan pesannya

Kode:

<marquee title="Tempat pesan">GRUP KULIAH</marquee>

Keterangan:

-Text yang berwarna merah adalah tulisan yang berjalan, jadi bisa anda ganti sesuai selera anda.

-Text yang berwarna biru adalah pesan yang akan tampil bila kursor anda berada di jalur kotak marquee-nya, jadi bisa anda ganti sesuai selera anda.

7. Marquee dengan menentukan kecepatan tulisan

Kode:

<marquee scrollamount="15">GRUP KULIAH</marquee>

Keterangan:

-Text yang berwarna merah adalah tulisan yang berjalan, jadi bisa anda ganti sesuai selera anda.

-Text yang berwarna biru adalah kecepatan tulisannya, jadi bisa anda ganti sesuai selera anda.

8. Merquee bergerak kearah lain

Kode:

<marquee direction="right">GRUP KULIAH</marquee>

Keterangan:

-Text yang berwarna merah adalah tulisan yang berjalan, jadi bisa anda ganti sesuai selera anda.

-Text yang berwarna biru adalah tulisan yang bergerak ke kanan, jika anda tidak mau, anda bisa merubahnya ke atas, atau ke bawah

Right     = kanan

Left        = kiri

Up          = atas

Down   = bawah

9. Marquee Bolak-balik

Kode:

<marquee behavior="alternate">GRUP KULIAH</marquee>

Keterangan:

Text yang berwarna merah adalah tulisan yang berjalan, jadi bisa anda ganti sesuai selera anda.

10. Merquee berhenti bila ada kursor

Kode:

<marquee onmouseover="this.stop()" onmouseout="this.start()">GRUP KULIAH</marquee>

Keterangan:

Text yang berwarna merah adalah tulisan yang berjalan, jadi bisa anda ganti sesuai selera anda.

11. Merquee Berlink

Kode:

<marquee><a href="http://grupkuliah.com/">GRUP KULIAH</a></marquee>

Keterangan:

-Text yang berwarna merah adalah tulisan yang berjalan, jadi bisa anda ganti sesuai selera anda.

-Text yang berwarna biru adalah linknya, jadi bisa anda ganti sesuai selera anda.

12. Merquee dengan menentukan panjang kotaknya

Kode:

<marquee height="100">GRUP KULIAH</marquee>

Keterangan:

-Text yang berwarna merah adalah tulisan yang berjalan, jadi bisa anda ganti sesuai selera anda.

-Text yang berwarna biru adalah tinggi kotak marquee-nya, jadi bisa anda ganti sesuai selera anda.