Để làm chữ chạy bạn dùng đến thẻ cặp thẻ <marquee>
Thẻ 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 chứa trong nó có thể chạy trên màn hình.
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ẻ 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ẻ
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ẻ 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ẻ
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ẻ bằng cách sử dụng thuộc tính loop. Thẻ 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>
Nguồn: Sưu tầm.