Hiện nay, trên các trang website, hay blog điều có những dòng chữ chạy qua lại, lên xuống rất đẹp mắt. Để trang trí thêm cho trang hôm nay mình sẽ tổng hợp 1 số code cơ bản để các bạn có thể làm cho chữ chạy trên web.
1. Chữ chạy ngang từ phải qua trái
Đây là đoạn mã cơ bản nhất, bạn chỉ việc để dòng chữ cần cho chạy vào giữa 2 thẻ MARQUEE là được.
- Code:
<marquee>Chào mừng bạn đến với Website</marquee>
Từ đoạn mã cơ bản ở trên, chúng ta đặt các thuộc tính khác nhau vào trong thẻ marquee để tạo dòng chữ chạy với nhiều kiểu khác nhau.
2. Chữ chạy ngang từ trái qua phải:
- Code:
<marquee direction="right">Chào mừng bạn đến với Website</marquee>
3. Chữ chạy từ trên xuống dưới:
- Code:
<marquee direction="down">Chào mừng bạn đến với Website</marquee>
4. Chữ chạy từ dưới lên trên:
- Code:
<marquee direction="up">Chào mừng bạn đến với Website</marquee>
5. Chữ chạy qua lại:
- Code:
<marquee behavior="alternate">Chào mừng bạn đến với Website</marquee>
6. Chữ đứng, mũi tên 2 bên chạy ra vào:
- Code:
<marquee behavior="alternate" width="10%">>></marquee>Chào mừng bạn đến với Website<marquee behavior="alternate" width="10%"><< </marquee>
7. Chữ chạy có màu nền:
- Code:
<font ><marquee direction="left" style="background:orange">Chào mừng bạn đến với Website</marquee></font>
8. Chữ chạy có khung xung quanh:
- Code:
<marquee style="border:blue 2px SOLID">Chào mừng bạn đến với Website</marquee>
9. Chữ chạy và biến mất:
- Code:
<marquee behavior="alternate"><marquee width="150">Chào mừng bạn đến với Website</marquee></marquee>
10. Chữ chạy ngang, rê chuột vào thì đứng, đưa chuột ra chạy tiếp:
- Code:
<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2">Chào mừng bạn đến với Website</marquee>
