Sunday, May 3, 2015

Membuat teks berjalan dan tampilan grafis dengan Marquee

Membuat teks berjalan dan tampilan grafis dengan Marquee
Membuat teks berjalan dan tampilan grafis dengan Marquee - Anda sering melihat teks atau gambar yang bekerja, berputar, atau bergeser untuk menunjukkan sepotong teks atau gambar tertentu pada halaman web? Metode ini dapat dengan mudah dilakukan dengan menggunakan biasa HTML-kode yang menggunakan <marquee>. Untuk meningkatkan efek layar juga dapat dimasukkan dengan kode tampilan CSS dan JavaScript. Ingin mencobanya di website atau blog?

Tag Marquee tidak benar-benar standar HTML-tag, sehingga tidak dapat berfungsi dengan baik di beberapa browser. Tapi jangan khawatir terlalu banyak browser populer dapat bekerja dengan baik.

Membuat teks berjalan dan tampilan grafis dengan Marquee

tag marquee

Pada prinsipnya, kode tenda utama (tanpa pengaturan tambahan) yang perlu Anda lakukan adalah sebagai berikut:

<Marquee> Ini baris teks, kode link, atau gambar yang akan ditampilkan </ marquee>

Penjelasan:
Mulailah dengan membuka <marquee> dan diakhiri dengan tag </ marquee>.
Menempatkan teks, kode link HTML atau HTML-kode gambar di antara tag pembuka dan penutup tenda.

Berikut adalah contoh tampilan teks biasa tanpa pengaturan.

Kode:
<Marquee> Contoh teks </ marquee>

Views:
Contoh teks

Berikut adalah contoh gambar tenda sederhana. Anda hanya mengganti teks dengan kode HTML untuk menyisipkan gambar.

Kode:
<Marquee> <IMG SRC = "http://4.bp.blogspot.com/-VIJVqs8esn8/UIA3preJVeI/AAAAAAAAAiQ/dIdJRTFdt2I/s1600/kode-html.png" /> </ marquee>

Views:


Berikut adalah contoh dari sebuah tenda sederhana dalam bentuk teks link. Anda hanya menempatkan kode HTML untuk menyisipkan link.

Kode:
<Marquee> <a href="http://www.komputeran.com"> Komputeran </a> </ marquee>

Views:
Komputeran

Selain tenda utama di atas contoh kode, Anda dapat mengatur tampilan tenda sesuai dengan keinginan Anda. Anda dapat melakukan ini dengan menambahkan atribut tertentu dalam tag marquee. Itu bagian dari kode:

<Perilaku Marquee = "action" arah = "arah" scrollamount = "angka"> Ini baris teks, kode link, atau gambar yang akan ditampilkan </ marquee>

Penjelasan:
Menggunakan perilaku untuk melakukan tindakan tertentu, nilainya: gulir (lanjutan berputar), slide (satu putaran), alternatif (AC)
Gunakan arah untuk menentukan arah geraknya, nilainya: kiri (kiri), kanan (kanan) ke atas (ke atas), turun (down).
Menggunakan nilai yang ditetapkan kecepatan scrollamount, yaitu jumlah, dalam hal ini, nomor 1.
Berikut adalah contoh penggunaan tenda menggunakan aktivitas instalasi, arah dan kecepatan:

Kode:
<Perilaku Marquee = "scroll" arah = "right" scrollamount = "1"> Teks terus berbelok ke kanan pada kecepatan lambat </ marquee>

Views:
Teks terus berbelok ke kanan dengan kecepatan lambat

Kode:
<Perilaku Marquee = "alternate" scrollamount = "5"> teks dan kembali ke kiri dan kanan dengan cepat </ marquee>

Views:
Teks dan kiri dan kanan kembali lebih cepat.

Kode:
<Perilaku Marquee = "slide" arah = "up" scrollamount = "1"> Teks ini perlahan-lahan bergerak ke atas, lalu berhenti. </ Marquee>

Views:
Teks ini perlahan-lahan bergerak ke atas, lalu berhenti.

Selain menggunakan setting menggunakan perilaku atribut, tren dan scrollamount, Anda juga dapat mencoba menambahkan Align atribut (batas perjalanan), bgcolor (background color), lebar (lebar tenda), loop (mengurangi jumlah iterasi), dan scrolldelay (waktu yang ditetapkan jeda) Selain itu, Anda juga dapat tag marquee untuk memasukkan gaya (CSS), untuk meningkatkan penampilan. Bahkan, Anda dapat menambahkan kode JavaScript di dalamnya.

Membuat teks berjalan dan tampilan grafis dengan Marquee

Contoh tenda dengan atribut lainnya:

Kode:
<Perilaku Marquee = "alternate" scrollamount = "5" BGCOLOR = "orange" width = "50px"> Teks latar belakang oranye dengan lebar 50 piksel. </ Marquee>

Views:
Teks latar belakang oranye dengan lebar 50 piksel.

Contoh tenda dengan kode CSS:

Kode:
<Perilaku Marquee = "alternate" scrollamount = "5" style = "border: 1px # Eee padat, ukuran font: 16px; color: # 6699cc">. Teks dalam bingkai biru dan abu-abu dari </ Marquee>

Views:
Teks warna biru dan abu-abu perbatasan.

Contoh tenda dengan kode JavaScript:

Kode:
<Perilaku Marquee = "gulir" arah = "kiri" OnMouseDown = "this.stop ();" Onmouseup = "this.start ();".> Teks ini Tahan tombol mouse untuk menghentikannya </ marquee>

Views:
Jauhkan teks ini dengan mouse Anda untuk menghentikannya.

Anda dapat menggabungkan metode yang berbeda di atas untuk mendapatkan tenda lebih menarik. Bersenang-senang dan menjadi kreatif! Membuat teks berjalan dan tampilan grafis dengan Marquee

Related Posts

Membuat teks berjalan dan tampilan grafis dengan Marquee
4/ 5
Oleh