Báo Mới Hàng Ngày


VI TÍNH AN BÌNH - 0919.185.184

DỊCH VỤ CHO THUÊ XE MÁY VŨNG TÀU 0908.191.134

Tạo dòng chữ chạy trên website bằng HTML

Go down

Tạo dòng chữ chạy trên website bằng HTML

Bài gửi by Admin on Sun Jun 10, 2018 4:04 am

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>

Admin
Admin

Tổng số bài gửi : 59
Join date : 09/12/2016

Xem lý lịch thành viên http://baitap.forumvi.com

Về Đầu Trang Go down

Về Đầu Trang


 
Permissions in this forum:
Bạn không có quyền trả lời bài viết