Tạo dòng chữ nhấp nháy HTML bằng "blink text" chạy 100%

Tạo dòng chữ nhấp nháy HTML bằng "blink text" chạy 100% 

Hôm nay mình giới thiệu đến các bạn một thẻ trong HTML theo mình nghĩ cũng khá là hay:
Đó là thẻ <marquee> Thẻ này dùng để chạy các chứ động rất tốt và đơn giản mà không cần dùng đến Javascript hay CSS hay JQUERY phức tạp khác.



Cách làm:

- Đầu tiên các bạn tạo một cặp thẻ  <marquee>  </marquee> Giữa hai cặp thẻ này bạn sẽ viết bất kỳ chữ nào thì nó sẽ chạy chữ đó; VD: <marquee>ABC</marquee> thì nó sẽ chạy ngầm định từ phải sang trái như hàng DEMO thứ 2.
- Còn muốn nhấp nháy thì làm theo đoạn code sau:
<marquee scrollamount="200" scrolldelay="300" style="height: 20px; width: 200px;">
<span style="color: red; font-size: 20px;">Blink Text</span>
</marquee>
- Còn một số tham số khác các bạn tham khảo ở đây:

AttributeValueDescription
behaviorscroll
slid
alternate
Xác định cách mà nó sẽ chạy.
bgcolorrgb(x,x,x)
#xxxxxx
colorname
Làm màu cho nền thẻ marquee chạy. background color.
directionup
down
left
right
Hướng chạy, sang trái, phải, lên trên xuống dưới.
heightpixels or %Quy định chiều cao của thẻ.
hspacepixelsQuy định khoảng cách 2 bên trái phải của thẻ so với phần từ khác.
loopnumberQuy định số vòng chạy cho thẻ, nếu không quy định thì nó sẽ chạy mãi.
scrolldelaysecondsQuy định tốc độ chạy của nó vd: scrolldelay="500". đó là nửa giây
scrollamountnumberQuy định khoảng cách mà nó sẽ nhảy. dài hay ngắn
widthpixels or %Quy định chiều rộng cho thẻ.
vspacepixelsQuy định khoảng cách trên dưới của thẻ so với phần từ khác.


Chúc Bạn Thành Công !

 

Tạo dòng chữ nhấp nháy HTML bằng "blink text" chạy 100% Tạo dòng chữ nhấp nháy HTML bằng "blink text" chạy 100% Reviewed by nguyen on 8:58 PM Rating: 5

No comments:

Note: Only a member of this blog may post a comment.