Thứ Bảy

Chữ chạy trong tài liệu HTML


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.
  1. Lặp 1 lần.
  2. 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>

Theo hotrolaptrinh

Không có nhận xét nào:

Đăng nhận xét

 

Blogger news

Blogroll

About