Thẻ <marquee> sẽ làm chạy hầu hết các đối tượng trong thẻ như: Text, ảnh, các định dạng khác.
Cú pháp như sau:
<marquee> Chữ chạy. </marquee>
Thay đổi hướng chạy.
Mặc định chữ trong HTML sẽ chạy từ phải sang trái.
Tuy nhiên bạn có thể thay đổi hướng chạy.
Thẻ <marquee> hỗ trợ bạn 4 hướng chạy. Down, left, right, up.
Để sử dụng được hướng các hướng chạy này, bạn cần dùng đến thuộc tính direction của thẻ <marquee>
Cú pháp như sau:
<marquee direction="down"> chữ chạy từ trên xuống. </marquee>
<marquee direction="up"> chữ chạy từ dưới lên</marquee>
<marquee direction="right"> chữ chạy từ trái sang phải</marquee>
<marquee direction="left"> chữ chạy từ phải sang trái.</marquee>
Kiểu chạy.
Thẻ <marquee> hộ trợ bạn 3 kiểu chạy: slide: chỉ chạy 1 lần sau đó đứng im.
: scroll : Kiểu chạy bình thường
: alternate: Kiểu chữ chạy đi chạy lại.
Cú pháp như sau:
<marquee direction="right" behavior="alternate" > chữ chạy từ
trái sang phải và có kiểu chạy đi chạy lại. </marquee>
<marquee direction="right" behavior="scroll" > chữ chạy từ trái sang phải và có kiểu chạy bình thường.</marquee>
<marquee direction="right" behavior="slide" > chữ chạy từ trái
sang phải và có kiểu chạy 1 lần sau đó đứng im.</marquee>
Tốc độ chạy.
Thuộc tính scrollamount giúp bạn tăng hay giảm tốc độ chạy của thẻ <marquee>
Thuộc tính này nhận vào giá trị là các số nguyên. Tốc độ chạy tỉ lệ với giá trị bạn truyền vào.
Cú pháp như sau:
<marquee direction="right" behavior="alternate"
scrollamount="100"> chữ chạy từ trái sang phải, kiểu chạy đi chạy
lại và tốc độ chạy = 100</marquee>
Bạn có thể tăng hoặc giảm tốc độ bằng cách tăng giá trị của thuộc tính scrollamount
Chế độ lặp
Bạn có thể chọn chế độ lặp lại của thẻ <marquee> bằng cách sử dụng thuộc tính loop. Thẻ <marquee> hỗ trợ 2 cách lặp.
- Lặp 1 lần.
- Lặp liên tục.
Để lặp 1 lần bạn sử dụng thuộc tính loop với giá trị =1.
Để lặp liên tục bạn sử dụng thuộc tính loop với giá trị =-1.
Cú pháp như sau:
<marquee direction="right" scrollamount="100" loop="-1"> chữ
chạy từ trái sang phải, tốc độ chạy = 100, lặp liên tục</marquee>
<marquee direction="right" scrollamount="100" loop="-1">
chữ chạy từ trái sang phải, tốc độ chạy = 100, lặp 1 lần</marquee>
|