Để sử dụng các bạn chỉ cần thay HTTP://THAYHIEUBUNGBU.BLOGSPOT.COM bằng đoạn text, hình ảnh hoặc một đoạn code tùy ý. Cùng THAYHIEUBUNGBU xem một số ví dụ ở phần cuối bài viết nhé!
1. Chữ chạy từ phải qua trái
<marquee>HTTP://THAYHIEUBUNGBU.BLOGSPOT.COM</marquee>
2. Chữ chạy trái qua phải
<marquee direction="right">HTTP://THAYHIEUBUNGBU.BLOGSPOT.COM</marquee>
3. Chữ chạy từ trên xuống dưới
<marquee direction="down">HTTP://THAYHIEUBUNGBU.BLOGSPOT.COM</marquee>
4. Chữ chạy từ dưới lên trên
<marquee direction="up">HTTP://THAYHIEUBUNGBU.BLOGSPOT.COM</marquee>
5. Chữ chạy qua lại
<marquee behavior="alternate">HTTP://THAYHIEUBUNGBU.BLOGSPOT.COM</marquee>
6. Chữ đứng, mũi tên 2 bên chạy ra vào
<marquee behavior="alternate" width="10%">>></marquee>HTTP://THAYHIEUBUNGBU.BLOGSPOT.COM<marquee behavior="alternate" width="10%"><< </marquee>
7. Chữ chạy có màu nền
<font ><marquee direction="left" style="background:orange">HTTP://THAYHIEUBUNGBU.BLOGSPOT.COM</marquee></font>
8. Chữ chạy có khung xung quanh
<marquee style="border:blue 2px SOLID">HTTP://THAYHIEUBUNGBU.BLOGSPOT.COM</marquee>
9. Chữ chạy và biến mất
<marquee behavior="alternate"><marquee width="150">HTTP://THAYHIEUBUNGBU.BLOGSPOT.COM</marquee></marquee>
10. Chữ chạy ngang, rê chuột vào thì đứng, đưa chuột ra chạy tiếp
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2">HTTP://THAYHIEUBUNGBU.BLOGSPOT.COM</marquee>
11. Thời gian trễ
<marquee scrolldelay=500>HTTP://THAYHIEUBUNGBU.BLOGSPOT.COM</marquee>
Thay 500 (scrolldelay=500) để tăng giảm độ trễ của đoạn text.
12. Số lần lặp
<marquee loop=3>HTTP://THAYHIEUBUNGBU.BLOGSPOT.COM</marquee>
Thay 3 (loop=3) bằng số lần lặp mà bạn muốn thay đổi. Sau khi chạy hết số lần lặp đoạn text sẽ biến mất. F5 để xem lại.
13. Bước "nhảy
<marquee scrollamount=30>HTTP://THAYHIEUBUNGBU.BLOGSPOT.COM</marquee>
Đoạn code cũng có hiệu ứng tương tự 11. Thời gian trễ. Thay 30 (scrollamount=30) bằng bước nhảy bạn muốn thay đổi.
Ví dụ 1: Marquee kết hợp với hình ảnh
Hình ảnh động
<marquee><img src="Link hình ảnh" width="150" /></marquee>
<marquee behavior="alternate">
<img src="Link hình" width="350" />
</marquee>
Ta có thể kết hợp ảnh động, ảnh tĩnh với marquee để được hiệu ứng như mong muốn tùy theo sự sáng tạo của bạn.
Ví dụ 2: Code kết hợp
<marquee direction="down" width="250" height="200" behavior="alternate" style="border:solid ; color:#38761d" >
<marquee behavior="alternate">
HTTP://THAYHIEUBUNGBU.BLOGSPOT.COM
</marquee>
</marquee>
Ta cũng có thể kết hợp một số code Marquee khác nhau hoặc code khác để tạo ra một hiệu ứng mới.
Ví dụ 3: Kết hợp nhiều Marquee
Code này chỉ hoạt động trên một số template nhất định.
<marquee style="z-index:2;position:absolute;left:32;top:25;font-family:Cursive;font-size:14pt;color:40bf43;height:270;"scrollamount="1" direction="down">HTTP://THAYHIEUBUNGBU.BLOGSPOT.COM</marquee>
<marquee style="z-index:2;position:absolute;left:199;top:78;font-family:Cursive;font-size:14pt;color:40bf43;height:373;"direction="down">HTTP://THAYHIEUBUNGBU.BLOGSPOT.COM</marquee>
<marquee style="z-index:2;position:absolute;left:39;top:79;font-family:Cursive;font-size:14pt;color:40bf43;height:125;"scrollamount="1" direction="down">HTTP://THAYHIEUBUNGBU.BLOGSPOT.COM</marquee>
<marquee style="z-index:2;position:absolute;left:111;top:28;font-family:Cursive;font-size:14pt;color:40bf43;height:153;"scrollamount="5" direction="down">HTTP://THAYHIEUBUNGBU.BLOGSPOT.COM</marquee>
<marquee style="z-index:2;position:absolute;left:166;top:30;font-family:Cursive;font-size:14pt;color:40bf43;height:5;"scrollamount="6" direction="down">HTTP://THAYHIEUBUNGBU.BLOGSPOT.COM</marquee>
<marquee style="z-index:2;position:absolute;left:20;top:14;font-family:Cursive;font-size:14pt;color:40bf43;height:423;"scrollamount="2" direction="down">HTTP://THAYHIEUBUNGBU.BLOGSPOT.COM</marquee>
<marquee style="z-index:2;position:absolute;left:220;top:45;font-family:Cursive;font-size:14pt;color:40bf43;height:411;"scrollamount="3" direction="down">HTTP://THAYHIEUBUNGBU.BLOGSPOT.COM</marquee>
<marquee style="z-index:2;position:absolute;left:16;top:107;font-family:Cursive;font-size:14pt;color:40bf43;height:341;"scrollamount="4" direction="down">HTTP://THAYHIEUBUNGBU.BLOGSPOT.COM</marquee>
<marquee style="z-index:2;position:absolute;left:215;top:39;font-family:Cursive;font-size:14pt;color:40bf43;height:7;"scrollamount="2" direction="down">HTTP://THAYHIEUBUNGBU.BLOGSPOT.COM</marquee>
<marquee style="z-index:2;position:absolute;left:47;top:61;font-family:Cursive;font-size:14pt;color:40bf43;height:328;"scrollamount="1" direction="down">HTTP://THAYHIEUBUNGBU.BLOGSPOT.COM</marquee>
<marquee style="z-index:2;position:absolute;left:307;top:15;font-family:Cursive;font-size:14pt;color:40bf43;height:297;"scrollamount="3" direction="down">HTTP://THAYHIEUBUNGBU.BLOGSPOT.COM</marquee>
<marquee style="z-index:2;position:absolute;left:190;top:107;font-family:Cursive;font-size:14pt;color:40bf43;height:268;"scrollamount="2" direction="down">HTTP://THAYHIEUBUNGBU.BLOGSPOT.COM</marquee>
<marquee style="z-index:44;position:absolute;left:269;top:88;font-family:Cursive;font-size:14pt;color:40bf43;height:358;"scrollamount="4" direction="down">HTTP://THAYHIEUBUNGBU.BLOGSPOT.COM</marquee>
<marquee style="z-index:2;position:absolute;left:54;top:11;font-family:Cursive;font-size:14pt;color:40bf43;height:288;"scrollamount="7" direction="down">HTTP://THAYHIEUBUNGBU.BLOGSPOT.COM</marquee>
<marquee style="z-index:2;position:absolute;left:128;top:95;font-family:Cursive;font-size:14pt;color:40bf43;height:405;"scrollamount="5" direction="down">HTTP://THAYHIEUBUNGBU.BLOGSPOT.COM</marquee>
<marquee style="z-index:2;position:absolute;left:205;top:74;font-family:Cursive;font-size:14pt;color:40bf43;height:263;"scrollamount="7" direction="down">HTTP://THAYHIEUBUNGBU.BLOGSPOT.COM</marquee>
<marquee style="z-index:2;position:absolute;left:189;top:113;font-family:Cursive;font-size:14pt;color:40bf43;height:43;"scrollamount="7" direction="down">HTTP://THAYHIEUBUNGBU.BLOGSPOT.COM</marquee>
<marquee style="z-index:2;position:absolute;left:112;top:109;font-family:Cursive;font-size:14pt;color:40bf43;height:299;"scrollamount="7" direction="down">HTTP://THAYHIEUBUNGBU.BLOGSPOT.COM</marquee>
<marquee style="z-index:2;position:absolute;left:311;top:99;font-family:Cursive;font-size:14pt;color:40bf43;height:14;"scrollamount="7" direction="down">HTTP://THAYHIEUBUNGBU.BLOGSPOT.COM</marquee>
<marquee style="z-index:2;position:absolute;left:122;top:16;font-family:Cursive;font-size:14pt;color:40bf43;height:345;"scrollamount="2" direction="down">HTTP://THAYHIEUBUNGBU.BLOGSPOT.COM</marquee>
<marquee style="z-index:2;position:absolute;left:77;top:97;font-family:Cursive;font-size:14pt;color:40bf43;height:497;"scrollamount="4" direction="down">HTTP://THAYHIEUBUNGBU.BLOGSPOT.COM</marquee>
<span style="position:absolute;top:400px"></span>
