Tuesday, November 10, 2015

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.

0 komentar:

Post a Comment

 
Copyright © . Grup Kuliah - Posts · Comments
Powered by Blogger
close
==[ Klik disini 1X ] [ Close ]==