Cara Membuat Tulisan Barjalan (Marquee)

Apr

22

Salam sukses selalu buat sobat semua, Belajar Komputer Melalui Internet saat ini akan sedikit membahas tentang Cara Membuat Tulisan Barjalan (Marquee) dan semoga artikel ini bermanfaat.

---

Belajar Komputer melalui internet mungkin tak akan ada habisnya dan kali ini kita coba untuk yang belum tau bikin tulisan berjalan yo kita sama-sama belajar disini, kali aja ada yang cocok dengan selera.
langsung aja kita lihat contohnya dibawah ini:

1. Standar tag marquee tanpa atribut

<marquee>Standar tag marquee tanpa atribut</marquee> 

Standar tag marquee tanpa atribut

2. Marquee dengan atribut direction

<marquee direction="up">marquee direction="up"</marquee>
<marquee direction="right">marquee direction="right"</marquee>
<marquee direction="down">marquee direction="down"</marquee>
<marquee direction="left">marquee direction="left"</marquee>

marquee direction="up" marquee direction="right" marquee direction="down" marquee direction="left"

3. Marquee dengan atribut behavior

<marquee behavior="alternate">marquee behavior="alternate"</marquee>
<marquee behavior="scroll">marquee behavior="scroll"</marquee>
<marquee behavior="slide">marquee behavior="slide"</marquee> 

marquee behavior="alternate" marquee behavior="scroll" marquee behavior="slide"

4. Marquee dengan atribut scrolldelay

<marquee scrolldelay="100">marquee scrolldelay="100"</marquee>
<marquee scrolldelay="200">marquee scrolldelay="200"</marquee>
<marquee scrolldelay="300">marquee scrolldelay="300"</marquee>

marquee scrolldelay="100" marquee scrolldelay="200" marquee scrolldelay="300"

5. Marquee dengan atribut scrollamount

<marquee scrollamount="10">marquee scrollamount="10"</marquee>
<marquee scrollamount="20">marquee scrollamount="20"</marquee>
<marquee scrollamount="30">marquee scrollamount="30"</marquee>

marquee scrollamount="10" marquee scrollamount="20" marquee scrollamount="30"

6. Marquee dengan atribut width

<marquee width="75%">marquee width="75%"</marquee>
<marquee width="160">marquee width="160"</marquee>

marquee width="75%" marquee width="160"

7. Marquee dengan atribut height

<marquee height="75%">marquee height="75%"</marquee>
<marquee height="30">marquee height="30"</marquee>

marquee height="75%" marquee height="30" 


8. Marquee dengan atribut bgcolor

<marquee bgcolor="red">marquee bgcolor="red"</marquee>
<marquee bgcolor="#ddd">marquee bgcolor="#ddd"</marquee>

marquee bgcolor="red" marquee bgcolor="#ddd"   
9. Marquee dengan atribut style

<p><marquee style="padding:4px;font-size:18px;color:#0C9;background:#000;">HTML CSS Guides.com<br />
<span style="font-size:12px;color:#ff3;">Web design, Belajar HTML, CSS, Javascript, tips, triks dan tutorial bagi pemula.</span></marquee></p>

HTML CSS Guides.com
Web design, Belajar HTML, CSS, Javascript, tips, triks dan tutorial bagi pemula.  
10.Marquee dengan beberapa atribut

<p style="background: #366;text-align:center;padding:4px;font-size:20px;color:#0fc;">
<marquee direction="left" scrollamount="5" width="200"><<< MACAM-MACAM</marquee>
<marquee direction="right" scrollamount="5" width="200">MACAM-MACAM >>></marquee><br />
<marquee behavior="alternate" width="400" style="font-size:14px;color: #fff;" >Contoh Marquee</marquee></p>

<<< MACAM-MACAM MACAM-MACAM >>>
Contoh Marquee

11.Marquee dengan link dan mouseover atribut

<marquee onmouseover="this.stop();" onmouseout="this.start();">Jika ada komentar anda tentang marquee ini silahkan sampaikan melaui <a href="/membuat-teks-berjalan-dengan-tag-marquee#comment" title="Tinggalkan pesan">comment</a></a></marquee>

Ketika kita menggeser mouse ke area teks dibawah maka teksnya akan berhenti.

Jika ada komentar anda tentang marquee ini silahkan sampaikan melaui comment

12.Marquee dengan gambar

<marquee><img src="../images/marquee1.jpg" /> <img src="../images/marquee2.jpg" /> <img src="../images/marquee3.jpg" /></marquee>

<marquee scrollamount="2" width="100" style="background:url(../images/marqueebg.jpg);"><img src="../images/marquee1.jpg" /><img src="../images/marquee2.jpg" /><img src="../images/marquee3.jpg" /></marquee>

Mungkin sampai disini dulu Belajar Komputer Melalui Internet tentang Cara Membuat Tulisan Barjalan (Marquee) kali ini, semoga bermanfaat bagi Anda.

DAPATKAN ARTIKEL VIA EMAIL

Masukan Alamat Email Sobat:

Delivered

BACA JUGA ARTIKEL TERKAIT LAINNYA

Dipublish oleh : Abdul Kohar - Jatinangor Rating 5 Belajar Komputer Melalui Internet, Updated at: 15:02