Chủ Nhật, 18 tháng 10, 2009

Tạo text chạy với marquee

Bạn muốn làm cgo bài viết mình thêm sinh động với chữ đoạn text chạy qua , lại , lên , xuống mình xin giới thiệu với các bạn những code này đễ tạo hiệu ứng cho text của bạn :

Dưới đây là một số code để tạo hiệu ứng :

Chữ chạy từ phài sang trái


<marquee direction=" left ">XXXX</marquee>

* Nếu bạn muốn thay đổi thì thay " left " thành :
- right : chữ chạy sang phải
- up : chữ chạy từ dưới lên
- down : chạy từ trên xuống
3 Chữ chạy qua trái rồi chạy lại :



<marquee behavior="alternate">XXXX</marquee>

6. Chữ chạy lên rồi chạy xuống

<marquee direction="up" behavior="alternate">XXXX</marquee>

7. Chữ bay hình sin

<marquee behavior="alternate" direction="up" width="100%"><marquee direction="right">XXXX</marquee></marquee>

8. Chữ lơ lững hình chữ Z

<marquee behavior="alternate" direction="up" width="100%"><marquee direction="right" behavior="alternate">XXXX</marquee></marquee>


9. Mũi tên nhấp nháy

<marquee behavior="alternate" width="10%">>></marquee>XXXX<marquee behavior="alternate" width="20%"><<</marquee>

10. Mũi tên chạy ra

<marquee behavior="alternate" width="10%">>></marquee>XXXX<marquee behavior="alternate" width="20%"><<</marquee>

11.Chữ chạy trong khung có  màu nền

<font color="#99999"><marquee direction="left" style="background: red">XXXX</marquee></font>

 Chữ có khung

<marquee style="border:red 2px SOLID"> XXXX </marquee>

 Chữ co dãn

<marquee behavior=alternate direction=left scrollAmount=3 width="5%"><font face=Webdings>3</font></marquee><marquee scrollAmount=1 direction=left width="2%">


</marquee>XXXX<marquee scrollAmount=1 direction=right width="2%">


</marquee><marquee behavior=alternate direction=right scrollAmount=3 width="5%"><font face=Webdings>4</font></marquee>

 Đây cũng là một hiệu ứng co giản chữ

<marquee behavior=alternate direction=left scrollAmount=3 width="4%"><font face=Webdings>4</font></marquee><marquee scrollAmount=1 direction=left width="2%">

</marquee>XXXX<marquee scrollAmount=1 direction=right width="4%">

</marquee><marquee behavior=alternate direction=right scrollAmount=3 width="5%"><font face=Webdings>3</font></marquee>

 Chữ chạy và biến mất

<marquee behavior="alternate"><marquee width="300">XXXX</marquee></marquee>

Chữ bay lơ lửng

<marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65 height=100 style="Text-align;filter:wave(add=0,phase=1, freq=1,strength=15,color=.FFFFFF)"><center>XXXX<br >XXXX</center></marquee>

=>  Chú ý : bạn thay XXXX thành text của bạn.

0 nhận xét:

Đăng nhận xét