Giữa thẻ marquee, chúng ta có thể đặt văn bản, hình ảnh… Thẻ marquee có những thuộc tính như sau:
ALIGN="left/right/top/middle/bottom": Canh hàng văn bản so với khung chứa văn bản đó.
BEHAVIOR="scroll/slide/alternate": Chỉ định kiểu chạy chữ.
SCROLL (mặc nhiên): Dóng chữ chạy theo một hướng nhất định và lập đi lập lại quá trình đó.
SLIDE: Chớp, tắt.
ALTERNATE: Dòng chữ chạy đổi hướng khi đụng đướng biên của khung bao văn bản.
Thí dụ: <MARQUEE BEHAVIOR=ALTERNATE> Marquee will "bounce" across the screen</MARQUEE>
BGCOLOR="#rrggbb|colour name": Chỉ định màu nền cho khung chứa văn bản.
Thí dụ. <MARQUEE BGCOLOR="#F0F8FF">Nice Background colour!<MARQUEE>
DIRECTION="left/right": Chỉ định hướng chạy của dòng văn bản. Mậc định là từ phải qua trái.
HEIGHT="value/value%": Chỉ định độ cao của khung bao văn bản. Tính bằng pixels (HEIGHT=n) hay tỷ lệ so với cửa sổ (HEIGHT=n%).
WIDTH="value|value%": Chỉ định độ rộng.
HSPACE="value"/ VSPACE="value": Chỉ định khoảng trống giữa <MARQUEE> đến Text bao quanh.
LOOP="value/-1/infinite": LOOP=n: Chỉ định số vòng lập lại. Nếu n=-1, hay LOOP=INFINITE là lập lại liên tục.
SCROLLAMOUNT="value": Chỉ định khoảng cách tính bằng pixels giữa các đoạn text cuộn.
SCROLLDELAY="value": Chỉ định khoảng thời gian giữa các đoạn text cuộn. Có tác dụng điều khiển thời gian.
Thí dụ : <MARQUEE SCROLLDELAY=1 SCROLLAMOUNT=75>I'm fast</MARQUEE>
Chú ý: Bạn có thể xác lập font cho marquee. Thí dụ:
<FONT FACE="Comic Sans MS"><MARQUEE>Hello</MARQUEE>
Sau đây là một ví dụ cụ thể thực tế hay dùng. Hiệu ứng sẽ chạy với tốc độ chậm dần đều và không gây nhức mắt cho người xem
<marquee scrollamount="1" scrolldelay="30" truespeed>ĐÂY LÀ VĂN BẢN MARQUEE</marquee>
Kết quả như sau:
ĐÂY LÀ VĂN BẢN MARQUEE
Nguồn joomla.edu.vn
<marquee id="scrollup" width="98%" style="height: 133pt;" direction="up" scrolldelay="100" scrollamount="2" onmouseout="this.start()" onmouseover="this.stop()">
Line 1.<br />
Line 2.
</marquee>
Cuộn ngang: sang trái
<marquee id="scrollleft" width="98%" style="height: 133pt;" direction="left" scrolldelay="100" scrollamount="2" onmouseout="this.start()" onmouseover="this.stop()">
Text 1.
</marquee>
| Tìm hiểu thẻ DIV cơ bản và nâng cao < Lùi | Tiếp theo > Tạo tab list chrome Javascript - CSS drop-down |
|---|
- 21/05/2009 23:36 - Thiết kế web hiệu quả hơn bằng cách sử dụng CSS - DIV thay cho Table
- 21/05/2009 23:20 - Tạo bảng bằng thẻ DIV và CSS trong Thiết kế web tabless
- 21/05/2009 23:07 - Tầm quan trọng của thuộc tính alt trong thẻ img
- 21/05/2009 22:54 - Căn lề giữa cho bảng, ảnh và text bằng thẻ DIV và CSS
- 21/05/2009 22:41 - Tìm hiểu thẻ DIV cơ bản và nâng cao
- 02/05/2009 23:42 - Tạo tab list chrome Javascript - CSS drop-down
- 28/03/2009 14:10 - HTML căn bản phần 1
- 28/03/2009 14:06 - Thiết kế web thêm sinh động với thuộc tính Filter
- 16/03/2009 23:45 - Thiết kế bố cục trang web layout với thẻ div
- 15/03/2009 13:27 - Hướng dẫn tạo tootip trong khi rê chuột vào hình ảnh
Download Game bóng đá PES8 Việt Nam
Tải game bóng đá FiFa 09
Tải game Dragon ball Z - 7 viên ngọc rồng
Tải Game Bóng Đá Pro Evolution Soccer 6 Việt Nam
Download PES 2011 patch Việt Nam PESVN
Tải Game Bóng Đá FIFA 2009 RIP 1 CD
Download Pro Evolution Soccer 2011
Download Game THE SIMS 3
Tải Game bóng đá PES 2009
Download PES 2011 demo
Thay đổi màn hình đăng nhập Windows 7 bằng tay
Một số hàm hay dùng trong JavaScript
Kiểm soát hoàn toàn trỏ chuột bằng bàn phím với NeatMouse
Choáng với concept của Windows Phone 8
Những đặc điểm ưu việt của Windows Phone
Ứng dụng gọi điện VoIP Viber sắp có mặt trên Windows Phone
Game Diablo 3 sắp có mặt trên Windows Phone Marketplace
37 trang css & xhtml web template miễn phí tuyệt đẹp
Những điều cơ bản cần biết về bàn phím chơi game - Gaming Keyboard
L.A. Noire: The Complete Edition - THETA [Full ISO/Action/2011] [13.37GB]
Download 7554 demo
Download Game PC, cập nhật liên tục (torrent)
PES 2012 ra mắt bản mở rộng đầu tiên vào 11/10
PES2012 - Full version - Ngôn ngữ và bình luận tiếng Anh
PES2012 - Blurry disable làm mịn đồ họa
PES 2011 PATCH 4.1 - TRANSFER UPDATE - RELEASED
Bộ sưu tập free PrestaShop Themes phần 3
Bộ sưu tập theme Prestashop miễn phí phần 2
Top 10 Free PrestaShop Themes
Download Prestashop 1.5
Download PrestaShop 1.4
Bổ sung Memcached vào PrestaShop 1.4
Hướng dẫn tích hợp Ngân Lượng vào PrestaShop
Sửa lỗi invalid carrier or no carrier selected trong PrestaShop
Cài đặt PrestaShop
Thiết kế giao diện PrestaShop Theme
Hướng dẫn cài đặt themes trong PrestaShop
Hướng dẫn cách thêm ngôn ngữ cho PrestaShop
Bộ sưu tập Giao diện Premium PrestaShop Themes chuyên nghiệp
Giới thiệu về website thương mại điện tử 2.0 Prestashop
Java mobile game - Kung Fu Panda cho di động
Hacker đang ngắm nghía mặt trận di động
20 sản phẩm hứa hẹn 'hot' nhất trong năm 2010


