G. MENGGUNAKAN KODE MARQUEE

G. MENGGUNAKAN MARQUEE UNTUK MEMBUAT TEKS BERJALAN

Sebagai pemanis blog OK BROTHER juga menggunakan kode "MARQUEE" untuk membuat efek teks atau obyek bisa berjalan/bergerak kekiri atau kanan, keatas atau bawah.
Perlu brother ketahui bahwa setiap kode bisa kita kombinasikan dengan kode lain sesuai kebutuhan. Adapun cara untuk membuat efeks teks atau obyek bisa bergerak adalah sebagai berikut:

Kode dasarnya adalah sebagai berikut:

<marquee >...tempat teks atau obyek....</marquee>

Sedangkan OK BROTHER menambahkan kode "direction"=left (untuk menentukan arah gerakan kekiri) atau sesuaikan dengan kebutuhan, kode dibawah ini adalah untuk efek teks bergerak kekiri dan ketika mouse kita arahkan pada teks yang bergerak maka teks akan berhenti, dan dikombinasi dengan kode scroll yang memiliki background, berikut kodenya:

<div style="background-attachment: scroll; background-image: url(http://t1.gstatic.com/images?q=tbn:ANd9GcTV6fLM6rEIL5maPIzEzZregbv9R7aJDlB_9Ufx120RVGwVvqGF0Q); border: 0px solid rgb(0, 0, 255); height: 50px; overflow: auto; padding: 1px; width: 470px;"><marquee direction="left" height="50px" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="5" width="465px">
<blink>"OK BROTHER"</blink> sajikan Info seputar RESEP RESEP SAUDARA KITA-KABAR DARI SAUDARA-HOBBI SAHABAT-GAYA HIDUP-SERBA-SERBI-dll</marquee></div>

Keterangan :
Yang diblok warna hijau adalah kode untuk scroll dan yang berwarna kuning adalah kode marquee

HASIL DARI KODE MARQUEE DIATAS ADALAH SEBAGAI BERIKUT:

"OK BROTHER" sajikan Info seputar RESEP RESEP SAUDARA KITA-KABAR DARI SAUDARA-HOBBI SAHABAT-GAYA HIDUP-SERBA-SERBI-dll

Sebagai tambahan dari fungsi kode "Marquee" berikut perlu OK BROTHER berikan beberapa contoh sebagai koleksi dari blog OK BROTHER, dan silahkan brother coba untuk keperluan blog brother.

Adapun kode-kode penunjang Marquee yang kita butuhkan adalah sebagai berikut:

MARQUEE (adalah kode yang wajib kita pakai untuk membuat obyek bisa jalan sebagaimana contoh diatas)
Untuk mengatur arah gerakan pada obyek yang kita tambahkan kode DIRECTION="left" untuk mengatur arah gerakan ke kiri, sedang untuk gerakan ke kanan kita tinggal mengganti "left" dengan "right" (jangan lupa menulis tanda "...") dan seterusnya sesuai keinginan kita.
Untuk mengatur gerakan dengan karakter tertentu kita tambahkan kode BEHAVIOR="scroll" untuk mengatur karakter gerakan berputar, sedang untuk karakter gerakan berulang-ulang dari kiri ke kanan atau sebaliknya kita tinggal mengganti "scroll" dengan "alternate" (jangan lupa menulis tanda "...") dan seterusnya sesuai keinginan kita.
Untuk mengatur cepat atau lambatnya gerakan dalam satuan pixel kita tambahkan kode SCROLLMOUNT="nilai angka" (semakin tinggi nilai angka yang kita tulis maka akan semakin cepat gerakannya begitu sebaliknya)
Untuk mengatur cepat atau lambatnya gerakan dalam satuan mili per detik kita tambahkan kode SCROLLDELAY="nilai angka" (semakin tinggi nilai angka yang kita tulis maka akan semakin cepat gerakannya begitu sebaliknya)
Untuk mengatur lebar area untuk obyek yang kita buat kita tambahkan kode WIDTH="nilai angka"
Untuk mengatur tinggi area untuk obyek yang kita buat kita tambahkan kode HIGHT="nilai angka"
Untuk mengatur perataan atau posisi obyek kita tambahkan kode ALIGN="center" (posisi di tengah-tengah blok) dan seterusnya tinggal kita ganti yang berada diantara tanda "..." dengan left, right sesuai kebutuhan.

CONTOH - CONTOH KODE MARQUEE:

DIRECTION="RIGHT" (Arah Gerakan Obyek ke KANAN)

<marquee align="center" direction="right" height="10" scrollamount="2" width="30%">OK BROTHER</marquee>

Hasilnya adalah sebagai berikut:
OK BROTHER

DIRECTION="LEFT" (Arah Gerakan Obyek ke KIRI)

<marquee align="center" direction="left" height="10" scrollamount="2" width="30%">OK BROTHER</marquee>

Hasilnya adalah sebagai berikut:
OK BROTHER

DIRECTION="UP" (Arah Gerakan Obyek ke ATAS)

<marquee align="center" direction="up" height="50" scrollamount="2" width="30%">OK BROTHER</marquee>

Hasilnya adalah sebagai berikut:
OK BROTHER

DIRECTION="DOWN" (Arah Gerakan Obyek ke BAWAH)

<marquee align="center" direction="down" height="50" scrollamount="2" width="30%">OK BROTHER</marquee>

Hasilnya adalah sebagai berikut:
OK BROTHER

BERGERAK DARI KANAN KEMBALI KEKIRI BERULANG-ULANG DAN AKAN BERHENTI KETIKA DISOROT KURSOR MOUSE

<marquee behavior="alternate" onmouseover="this.stop()" style="border: 0px solid rgb(0, 0, 0); text-align: center;" onmouseout="this.start()" scrollamount="3">
OK BROTHER</marquee>

Hasilnya adalah sebagai berikut:

OK BROTHER

DIRECTION="LEFT" DAN AKAN BERHENTI KETIKA DISOROT KURSOR MOUSE

<marquee direction="left" height="80px" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="5" width="200px">
OK BROTHER</marquee>

Hasilnya adalah sebagai berikut:

OK BROTHER

SILAHKAN DICOBA, OK BROTHER SUDAH TERAPKAN DAN BERJALAN DENGAN LANCAR...SEMOGA BERMANFAAT.

OK BROTHER