Cara Membuat Marquee Line Text (Text Berjalan) Stop Ketika Mouse Hover
Tuesday 8 September 2015
Edit
Sebenarnya saya juga bingung untuk menentukan judulnya, semoga saja judulnya tidak salah dan sesuai dengan tutorial yang akan saya berikan, kali ini saya akan memberikan ulasan singkat cara membuat Line Text Marquee (Text Berjalan) tentunya kita pasti sudah sering melihatnya di media berita online yang biasanya ada berita dengan teks berjalan di header maupun di footer layout website media online tersebut, berikut ini adalah tutorialnya :
- Silahkan anda copy dan pastekan script berikut kedalam editor kesayangan anda, saya menggunakan Notepad, agar lebih ringan dan cepat.
<html>
<head><title>Marquee Stop On Mouse Hover</title></head>
<style type="text/css">
.hakko {
background-color: #66232b;
color: #bebebe;
font-family: monospace;
font-size: 20px;
font-style: italic;
}
</style>
<body>
<marquee class="hakko" behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();" > Marquee line berfungsi untuk membuat Line News seperti yang bisa kita lihat di situs berita online, Untuk Stop Marquee Silahkan Hover Tulisan Ini.. !</marquee>
</body>
</html>
- Jika sudah di copy kemudian di pastekan ke notepad, dan simpan dengan nama marquee.html, pastikan file name anda berikan ekstensi .html dan pada save as type pilih All Files seperti gambar berikut :
- Setelah di save kemudian jalan kan file HTML tersebut dengan double click file HTML tersebut dan anda akan mendapatkan marquee line text (teks berjalan) seperti di bawah ini :
Marquee Stop On Mouse Hover
Nah begitulah kira kira hasil nya, semoga tutorial ini bisa berguna dan bermanfaat untuk anda yang ingin membuat Marquee Line Text (Teks Berjalan), selamat mencoba dan happy coding & programming.