Hiệu ứng chạy chữ với Marquee

Trước rất hay sử dụng hiệu ứng chạy này để chèn logo mấy ông đối tác, mấy trang liên kết website ở các mục chân trang hay sidebar. Sau rồi nhu cầu không còn nữa. Việc chạy chữ lại được kết hợp Js mượt mà hơn, nên ít người sử dụng <Marquee> 

Là một thẻ trong HTML, cho phép di chuyển nội dung là text, hình ảnh, ... theo chiều ngang, dọc. Nhưng có một bài thuộc tính của thẻ mà các bạn có thể ứng dụng thêm

html-basic-marquee-tag-hieu-ung-chay-chu

1. Thẻ Marquee làm được hiệu ứng gì?

Xin minh họa vài ví dụ cho hiệu ứng chạy chữ mà thẻ Marquee mà bạn có thể sử dụng được. 

<marquee direction="right" bgcolor="#fadd08"><a href="#">Xin chào các bạn đến với <b>Ngu Trí</b> chạy từ bên phải</a></marquee>

Xin chào các bạn đến với Ngu Trí chạy từ bên phải

<marquee direction="left" bgcolor="#fadd08"><a href="www.ngutri.com">Xin chào các bạn đến với  <b>Ngu Trí</b> </a>chạy sang bên trái và gắn link</marquee>

Xin chào các bạn đến với Ngu Trí chạy sang bên trái và gắn link

<marquee bgcolor="#fadd08" style="color:red;padding:5px 0;"> Đối tác của <b>Ngu Trí</b> 
    <img src="https://images.dmca.com/Badges/dmca_protected_sml_120am.png">
    <img src="https://s1.vnecdn.net/vnexpress/restruct/i/v409/v2_2019/pc/graphics/logo.svg">
    <img src="https://upload.wikimedia.org/wikipedia/commons/3/3e/W3Schools_logo.png">
</marquee>

Đối tác của Ngu Trí          


2. Các thuộc tính của thẻ Marquee

Trên là 3 ví dụ tiêu biểu cho việc sử dụng thẻ Marquee mà các bạn có thể dùng dễ dàng. Nếu muốn sử dụng thêm hoặc tùy ý sử dụng thì có thể thay thế các thuộc tính sau.

  • behavior : scroll, slide và alternate - Loại di chuyển
  • direction : left, right, up và down - Hướng di chuyển
  • width : pixel hoặc % - Kích thước chiều rộng của thẻ marquee
  • height : pixel hoặc % - Kích thước chiều rộng của thẻ marquee
  • hspace Định nghĩa chiều cao không gian tính bằng pixcel mà marquee di chuyển trong nó.
  • vspace Định nghĩa chiều rộng không gian tính bằng pixcel mà marquee di chuyển trong nó.
  • scrolldelay : Độ trễ, thời gian chạy đầu đến kết thúc, đơn vị tính bằng giây
  • scrollamount : Số lần cuộn
  • loop : Vòng lặp của nội dung nằm trong thẻ
  • bgcolor : Màu nên của thẻ marquee


3. Dùng hay không dùng thẻ Marquee

Khi mới sử dụng thẻ này, nhìn nó di chuyển khá thú vị. Ai cũng sẽ nghĩ cách nghịch với nó. Nhưng rồi nó cứ chạy lạch bạch, người xem bắt đầu thấy có vấn đề mỗi khi click vào link đang chạy. Nếu sử dụng, bạn có thể dùng để làm hình ảnh vài cái logo chạy cho đẹp, chứ đừng lạm dụng.

4. Kết luận

Như vậy với thể Marquee, bạn có thể làm bắt đầu một hiệu ứng đơn giản di chuyển trong trang của mình. Vì là một thẻ HTML nên có thể nhúng nó ở bất kỳ đâu trên blogger hay wordpress.

lời nhắn nhủ

Cảm ơn bạn đã để lại Trí Khôn nơi tăm tối này! Chúc một ngày với tốt lành đến với bạn và người thân!

Mới hơn Cũ hơn