Tạo chữ chuyển động

 bgcolor : màu nền , ở đây tôi chọn màu xanh

<font color="#00ff00"> : màu cho cữ , tôi chọn màu xanh

nếu không muốn có nền thì bỏ dòng chữ  bgcolor ="#0000ff"

1 . Chạy từ phải sang trái có màu nền và màu chữ :

 

Chữ chạy từ phải sang trái có khung bao quanh

 

Code :

<marquee bgcolor="#0000ff"><font color="#00ff00">Chữ chạy từ phải sang trái có khung bao quanh</font></marquee>

2 . Chữ chạy từ trái sang phải :

 

Chữ chạy từ trái sang phải

 

<marquee direction="right" scrollamount="3" bgcolor="#0000ff"><font color="#00ff00">Chữ chạy từ trái sang phải</font></marquee>

 

3 . Chữ chạy từ phải sang trái và ngược lại :

 

Chữ chạy từ phải sang trái và ngược lại

Code :

<marquee behavior="alternate"  bgcolor="#0000ff"><font color="#00ff00">Chữ chạy từ phải sang trái và ngược lại</font></marquee>

 

4 . Chữ chạy từ dưới lên :

 

Chữ chạy từ dưới lên




Theo từng dòng





dòng 1





dòng 2





...

 

<marquee scrolldelay="500" direction="up" width="300px" height="100px" bgcolor="#0000ff"><font color="#00ff00">Chữ chạy từ dưới lên<br></br> Theo từng dòng<br></br>dòng 1 <br></br>dòng 2<br></br>...</font></marquee>

 

trong đó

Scrolldelay có giá trị càng lớn thì chữ chạy càng chậm

direction = "up" : chữ chạy lên ; "down" : chữ chạy xuống

 

Chữ chạy từ trên xuống

code :

<marquee scrolldelay="500" direction="down" width="300px" height="100px" bgcolor="#0000ff"><font color="#00ff00">Chữ chạy từ trên xuống<br></br> Theo từng dòng<br></br>dòng 1 <br></br>dòng 2<br></br>...</font></marquee>

 

Chữ chạy từ trên xuống




Theo từng dòng





dòng 1





dòng 2





...

5 . Chữ đang chạy có chuột rê vào thì ngừng , rê chuột ra chỗ khác thì chạy tiếp:

Có thể áp dụng được với tất cả các dạng chạy chữ như trên , bạn chỉ cần thêm vào dòng onmouseover="this.stop()" onmouseout="this.start()" trong phần marquee bgcolor .

ví dụ ở đây tôi cho chữ chạy từ phải sang trái , bạn rê chuột vào dòng chữ đó để xem kết quả như thế nào

code :

<marquee bgcolor="#0000ff" onmouseover="this.stop()" onmouseout="this.start()"><font color="#00ff00">Chữ đang chạy có chuột rê vào thì ngừng , rê chuột ra chỗ khác thì chạy tiếp</font></marquee>

 

Chữ đang chạy có chuột rê vào thì ngừng , rê chuột ra chỗ khác thì chạy tiếp