Koleksi Text Dari Script Marquee

Dengan masa yang terluang ini sy ingin kongsikan dengan anda text berjalan dengan menggunakan kaedah marquee. Sepertimana yang kita ketahui code marquee adalah untuk membuat text atau image berjalan. Kaedah penulisan text adalah bermula dengan <marquee>  dan di akhiri dengan </marquee>. Di sini sy sediakan beberapa code marquee berserta contohnya berdasarkan hasil carian google. 

1. Text bergerak ke kiri dan berhenti

Preview: Your slide-in text goes hereCode: <marquee behavior="slide" direction="left">Your slide-in text goes here</marquee>

2. Text bergerak ke kiri dan ke kanan semula

Preview: Your slide-in text goes hereCode: <marquee behavior="alternate">Your slide-in text goes here</marquee>


3. Text bergerak ke atas
Preview: Your upward scrolling text goes hereCode: <marquee behavior="scroll" direction="up">Your upward scrolling text goes here</marquee> [[ gantikan 'down' untuk turun ]]



4. Text bergerak dengan kelajuan berbeza
Preview: Slow scroll speed Medium scroll speed Fast scroll speed Code: 
<marquee behavior="scroll" direction="left" scrollamount="1">Slow scroll speed</marquee>
<marquee behavior="scroll" direction="left" scrollamount="10">Medium scroll speed</marquee>
<marquee behavior="scroll" direction="left" scrollamount="20">Fast scroll speed</marquee>

5. Text berjalan dan akan berhenti apabila di click

Preview: 

Click this text to stopCode: <marquee behavior="scroll" direction="left" onmousedown="this.stop();" onmouseup="this.start();"><span style="font-size: large;">Click this text to stop</marquee>


6. Text akan berhenti apabila mouse berada pada text
Preview: Put your mouse here!Code: <marquee behavior="scroll" direction="left" onmouseout="this.start();" onmouseover="this.stop();">Put your mouse here!</marquee>


7. Text berhenti dan bergerak dengan butang
Preview:  Click to stop and move


Code: <marquee behavior="scroll" direction="left" id="mymarquee"><span style="font-size: normal;">
Click to stop and move</span></marquee><br />
<marquee behavior="scroll" direction="left" id="mymarquee"><span style="font-size: large;"><br /></span>

</marquee><span style="font-size: large;">
<input onclick="document.getElementById('mymarquee').stop();" type="button" value="Stop Marquee" />
<input onclick="document.getElementById('mymarquee').start();" type="button" value="Start Marquee" /></span>

Anda juga boleh menggantikan text itu dengan image

<img src="LINK IMAGE"></img>

Tired of checking for new posts ?

Get all posts directly in your mail.