Free Web space and hosting from freehomepage.com
Search the Web

 HTMLStudy
Home » Hiệu ứng cuộn chữ ,
BÀI 16: HIỆU ỨNG CUỘN CHỮ

| BÀI HỌC

Trong trang Web, bạn có thể tạo hiệu ứng dòng chữ cuốn chạy như kiểu quảng cáo trên các bảng điện tử. Rất đơn giản, bạn chỉ cần dùng thẻ <MARQUEE>.

<MARQUEE> Text hoặc các đoạn mã HTML khác </MARQUEE>

Ví dụ một đoạn text sau:

<FONT FACE="Arial" SIZE="2">
<MARQUEE> Äể tạo hiệu ứng cuá»™n chữ bạn dùng thẻ <B>MARQUEE</B>.</MARQUEE>
</FONT>

HTMLStudy
Äể tạo hiệu ứng cuá»™n chữ bạn dùng thẻ MARQUEE.
Done

Trong cặp thẻ MARQUEE bạn có thể dùng các loại thẻ HTML khác như bình thưá»ng chẳng hạn như Thay đổi màu chữ (thẻ FONT), in đậm, in nghiêng... nhưng nhá»› là phải có thẻ đóng , nếu không cả Ä‘oạn văn bản cá»§a bạn sẽ chạy tuốt tuồn tuá»™t.

Các thuộc tính của thẻ MARQUEE

Äể chỉ định các phương pháp cuá»™c chữ, tốc độ cuá»™n chữ hay sắp xếp canh lá» trái phải... bạn cần dùng thêm má»™t số thuá»™c tính khác cá»§a thẻ <MARQUEE>.

  • ALIGN: Sắp xếp canh chỉnh lá» so vá»›i văn bản khác trong trang. Các giá trị cá»§a nó làLeft, Right, Top, Middle, Bottom.

  • BEHAVIOR: Chỉ định phương pháp cuá»™n chữ. Các giá trị gồm: Scroll, Slide, Alternate.

    <MARQUEE BEHAVIOR=scroll>Cuộn không ngừng</MARQUEE>
    <MARQUEE BEHAVIOR=slide>Trượt theo 1 hướng rồi dừng lại</MARQUEE>
    <MARQUEE BEHAVIOR=alternate>Äổi hướng trượt khi chạm vào biên</MARQUEE>

HTMLStudy
Cuá»™n không ngừng Trượt theo 1 hướng rồi dừng lại Äổi hướng trượt khi chạm vào biên
Done

  • BGCOLOR: Quy định màu ná»n cá»§a khung Marquee.

  • DIRECTION: Hướng cuá»™n văn bản. Các giá trị gồm: Left (từ phải sang trái), Right (từ trái sang phải), Up (từ dưới lên trên), Down (từ trên xuống dưới).

  • HEIGHT: Chiá»u cao khung Marquee.

  • WIDTH: Chiá»u rá»™ng khung Marquee.

  • HSPACE, VSPACE: Khoảng cách ngang và dá»c so vá»›i Ä‘oạn văn bản khác trong trang. Dùng khi sá»­ dụng thuá»™c tính ALIGN.

  • LOOP: Chỉ định số lần lặp lại cá»§a dòng Marquee. Theo mặc định là lặp vô tận, giá trị là Infinite hay -1.

  • SCROLLDELAY: Chỉ định khoảng thá»i gian chá» sau má»—i lần cuá»™n. Số càng lá»›n, tốc độ càng chậm.

  • SCROLLAMOUNT: Chỉ định số Pixel giữa má»—i lần trượt. Số càng lá»›n thì cuá»™n càng nhanh và càng không nhuyển.

Ví dụ:

<MARQUEE HEIGHT=50 BGCOLOR=#99CCFF BEHAVIOR=scroll SCROLLAMOUNT=50>Cuá»™n nhanh</MARQUEE>
<P ALIGN=Right><MARQUEE WIDTH=50% BGCOLOR=#FFCC99 BEHAVIOR=scroll SCROLLAMOUNT=5>Cuộn chậm</MARQUEE>
<P ALIGN=Center><MARQUEE DIRECTION=Right WIDTH=80% HEIGHT=60 BGCOLOR=#CCFF99 BEHAVIOR=scroll SCROLLAMOUNT=20>
  <H3>Cuá»™n trung bình</H3>
  Äây là dòng thứ hai
</MARQUEE>

HTMLStudy
Cuá»™n nhanh

Cuộn chậm

Cuộn trung bình

Äây là dòng thứ hai

Done

Má»™t ví dụ khác thưá»ng thấy ở các trang tin tức là dùng hiệu ứng cuá»™n chữ trong má»™t bảng liệt kê các tin vắn tắt trong ngày.

<MARQUEE BGCOLOR=#EEF0F3 WIDTH=200 HEIGHT=300 DIRECTION=up SCROLLDELAY=1 SCROLLAMOUNT=1>
<P>&raquo; Bài 1: Những Kỹ năng cơ bản vỠHTML
<P>&raquo; Bài 2: Tạo file HTML đầu tiên
<P>&raquo; Bài 3: Sáu mức tiêu Ä‘á»
<P>&raquo; Bài 4: Hiển thị văn bản dạng Äậm, nghiêng, gạch chân
<P>&raquo; Bài 5: Tạo danh sách
<P>&raquo; Bài 6: ÄÆ°a hình ảnh vào trang Web
<P>&raquo; Bài 7: Tạo các Siêu liên kết
<P>&raquo; Bài 8: Preformated Text
<P>&raquo; Bài 9: Sử dụng các ký tự đặc biệt
<P>&raquo; Bài 10: Thêm địa chỉ, liên kết E-Mail vào trang Web
</MARQUEE>

HTMLStudy

» Bài 1: Những Kỹ năng cÆ¡ bản vá» HTML

» Bài 2: Tạo file HTML đầu tiên

» Bài 3: Sáu mức tiêu Ä‘á»

» Bài 4: Hiển thị văn bản dạng Äậm, nghiêng, gạch chân

» Bài 5: Tạo danh sách

» Bài 6: ÄÆ°a hình ảnh vào trang Web

» Bài 7: Tạo các Siêu liên kết

» Bài 8: Preformated Text

» Bài 9: Sá»­ dụng các ký tá»± đặc biệt

» Bài 10: Thêm địa chỉ, liên kết E-Mail vào trang Web

Done

« Tạo Bảng Làm việc với Form »