Chia sẻ Code HTML Marquee

* Cấu Trúc của Code HTML Marquee đầy đủ:

<marquee id="marq" scrollamount="3" direction="up" loop="50" scrolldelay="0" behavior="scroll" onmouseover="this.stop()" onmouseout="this.start()"> YOUR TEXT HERE </marquee>

* Giải thích ý nghĩa từng phần:

1.  Scrollamount và Scrolldelay: là điều chỉnh thông số về tốc độ và thời gian của đoạn văn.

2.      Direction: là hướng chạy của đối tượng mà ta mong muốn.

Có 4 hướng là: 

+ Left: từ bên trái (mặc định, có thể không cần gõ trong code)

+ Right: bên phải

+ Down: Chạy xuống

+ Up: Chạy lên

3.  Loop: là số lần lặp lại mà bạn muôn.

4.  Behavior: là hiệu ứng chạy của đối tượng.

Có 3 giá trị: Slide – alternate – scroll

+ Slide: chạy tới khi chạm lề thì dừng lại.

+ Alternate: chạy tới khi chạm lề thì chạy ngược lại

+ Scroll: là kiểu mặt định, kiểu này tự động áp dụng vào tất cả các hình thức còn lại.

* Ví dụ và minh hoạ 

(Sao chép đoạn mã minh hoạ dán vào chỗ mã nhúng trong trang Google site. Nhớ sửa lại tên của các bạn)

2.   Chữ chạy ngang từ trái qua phải

<marquee direction="right"><font size=6 color=Blue> TIN HỌC BÌNH PHƯƠNG </font></marquee>

3.   Chữ chạy từ trên xuống dưới,

<marquee direction="down"><font size=6 color=Orange>TIN HỌC BÌNH PHƯƠNG </font></marquee>

  Có thể áp dụng code cho hình ảnh (link ảnh được lấy từ Google Drive)

<marquee id="marq" scrollamount="8"loop="50" scrolldelay="0" onmouseover="this.stop()" onmouseout="this.start()">

<a href="Link"><iframe src="https://drive.google.com/file/d/1sBa5zwr1TwWivTJfrPjSPKjaPMyS-xyA/preview" width="300" height="200" allow="autoplay"></iframe></a>

<a href="Link"> <iframe src="https://drive.google.com/file/d/1RQrOZPpnFR0CN3iJSkfhenA0YUwcZwdh/preview" width="300" height="200" allow="autoplay"></iframe></a>

<a href="Link"><iframe src="https://drive.google.com/file/d/1fgUmX-LGWazc3tr50qqtxP62OxRVr5_w/preview" width="300" height="200" allow="autoplay"></iframe></a>

<a href="Link"><iframe src="https://drive.google.com/file/d/1EzqDJ7hvVhZKEO_nn5jeyFoPcpcicd_u/preview" width="300" height="200" allow="autoplay"></iframe></a>

<a href="Link"><iframe src="https://drive.google.com/file/d/1-B13kqcTOPIP5V8qQe8e6_GyE0W8PXdx/preview" width="300" height="200" allow="autoplay"></iframe></a>

<a href="Link"><iframe src="https://drive.google.com/file/d/14lI-1SrggFLwy0addvPsRvLQqGPIf4Gt/preview" width="300" height="200" allow="autoplay"></iframe></a>

<a href="Link"><iframe src="https://drive.google.com/file/d/1jdxDf_UnRdOXlmj99ykGKBbxETvZhIcD/preview" width="300" height="200" allow="autoplay"></iframe></a>

</marquee>

Bạn nào có nhiều Code HTML Marquee hay thì chia sẻ thêm cho mình với.

Còn bạn nào cần thì cứ sao chép mà sử dụng nhé!

eMotion Chat

🔓😍👀🔔😘🥰😋🤔😗😂🤣🌝💞💗💖💕💋🍎🍈🍑🍓🍄🚑 💊 💰 💵 🎥 📸 💌 📚 📌 🐌 🐼 🎓 🌤 🌦 🌨 🔥 ⚡ 🎯 🎼 🍽 🍷 🍴 ☕🍵🍺🍻  🍧🎀✨  ⚽ 🖐 ✌ ✊👌👍👏👉🌽🍌 🐛  🐞 🎶🎧 🥱📌😴 💤📎👻🫕🍚🍜🍝🍲🍔💎👑🏆💥🎍🎄🌵🌳🌴🌲🎋🌾🍀🍂🥀🌺🌸🌹🌻🔒