CuDemVN.Wap.Sh

- GetSmile.Mobie.In - Diễn đàn chia sẻ Cú đêm Việt Nam
- AiChat.Wap.Sh - Diễn đàn Xtgem Việt Nam
- HamTruyen.Xtgem.Com - Blog Ham Truyện nơi hội tụ của những tín đồ mê truyện chữ
* Trang chủ >> WapMaster
Tìm Kiếm Thảo Luận
↓↓

Tạo hiệu ứng chữ chạy với tag Marquee trong HTML5

Admin* RoSino18k *
* 05-07-2016

Marquee là gì? Marquee là một mã HTML để làm cho một đối tượng có thể chuyển động. Marquee mã là một mã phổ biến vì nhiều blogger sử dụng mã này vào blog của họ. Lệnh Marquee được thực hiện bằng cách sử dụng thẻ <marquee> {đối tượng}</marquee>. Lệnh marquee hiển thị tốt nếu xem tại trình duyệt Internet Explorer, tuy nhiên các trình duyệt khác sau này có nhiều phiên bản mới đã cũng có thể hiển thị tốt như IE.

Tạo hiệu ứng chữ chạy với tag Marquee trong HTML5
[Tải ảnh]


Một số các thuộc tính thường dùng của lệnh marquee:


- BGCOLOR="color" → tạo màu nền cho vùng hiển thị lệnh marquee (có thể dùng hình nền...).
- DIRECTION="left/right/up/down" → chọn hình thức chạy chữ (trái, phải, lên, xuống...)
- BEHAVIOR="scroll/slide/alternate" → thiết lập kiểu chạy chữ.
Scroll → di chuyển tuần tự.
Slide → di chuyển 1 thời gian, sau đó dừng lại.
Alternate → di chuyển từ trái sang phải sau đó dừng lại.
- TITLE="message" → Một đọan tin nhắn nhỏ được hiển thị khi người dùng rê chuột vào.
- SCROLLMOUNT="number" → điều chỉnh tốc độ chạy
- SCROLLDELAY="number" → chỉnh thời gian hiển thị (tính bằng giây)
- LOOP="number|-1|infinite" → to manage sum of looping.
- WIDTH="number" → chỉnh độ rộng của vùng chạy chữ. Có thể dùng đơn vị pixel (px) hoặc phần trăm (%).

►Một vài ví dụ:


Ví dụ 1


<marquee align="center" direction="left" height="100" scrollamount="2" width="100%">
Chuyển động từ trái qua phải, độ rộng 100%, cao 100px, tốc độ chạy chữ là 2
</marquee>

Kết quả hiển thị:
Chuyển động từ trái qua phải, độ rộng 100%, cao 100px, tốc độ chạy chữ là 2

Ví dụ 2:


<marquee align="center" direction="left" height="200" scrollamount="4" width="100%" behavior="alternate">
Chạy chữ qua trái rồi quay lại qua phải (thuộc tính alternate)
</marquee>

Kết quả hiển thị:
Chạy chữ qua trái rồi quay lại qua phải (thuộc tính alternate)

Ví dụ 3:


<div align="left"><font face="georgia" color="White"><b><marquee bgcolor="red" width="100%" scrollamount="3" behavior="alternate">
Chạy chữ với màu nền</marquee></b></font></div>

Kết quả hiển thị:
Chạy chữ với màu nền


Ví dụ 4:


<marquee onmouseover="this.stop()" onmouseout="this.start()" scrollamount="2" direction="down" width="100%" height="200" align="center">Di chuyển xuống dưới,dừng lại khi ta rê chuột vào, chạy tiếp khi rê chuột ra</marquee>

Kết quả hiển thị:
Di chuyển xuống dưới,dừng lại khi ta rê chuột vào, chạy tiếp khi rê chuột ra
Như thế là chúng ta đã tìm hiểu thẻ marquee của HTML5 khá chi tiết rồi đấy. Việc áp dụng tag này cho Wap/Web sẽ làm tăng độ chuyên nghiệp cũng như thu hút cho site của bạn đó.
Chúc các bạn thành công!

Nguồn: YeuCode.Com
↑↑ Lượt xem: 353
score
Đánh giá: 4.5/ 5, 353 bình chọn
- Chia sẻ:G  T
BBCode:

Link:
+ Còn “nhiều” Lắm!
+

Share code Diễn đàn trên Xtgem Full chức năng cực chất GetSmile.Mobie.In bởi Cú Đêm Việt Nam

+

Share code PHP hiển thị thông tin khách đang online trên Site

+

Sử dụng HTML và CSS tạo hiệu ứng hiển thị mô tả khi di chuột vào hình ảnh

+

Ajax là gì? Hướng dẫn code cơ bản khi xử lý dữ liệu với jQuery Ajax

+

Share full code PHP bộ tool cài đặt và quản lý Filelist KhoTruyen365 Xtgem

Trang chủ Cú Đêm Việt Nam Trang Chủ[1-1-353]

Old school Swatch Watches