Tạo ảnh chuyển động cho blog bằng marquee

Home » Thủ thuật » Tạo ảnh chuyển động cho blog bằng marquee

Như đã giới thiệu cho các bạn trong phần trước về cách tạo chữ chuyển động với nhiều kiểu bằng cách sử dụng tag marquee để tạo các hiệu ứng gây chú ý cho đoạn text cần nhấn mạnh.

Trong phần này tôi xin trình bày cho bạn cách tạo hiệu ứng chuyển động cho ảnh.

Bằng cách sử dụng các tag marquee, tôi xin trình bày với các bạn đoạn mã để tạo hiệu ứng chuyển động cho ảnh.

Ví dụ 1 :

Với đoạn mã:

<marquee onmouseover="this.stop()" onmouseout="this.start()"  scrollamount="2" direction="up" width="100%" height="200"  align="center">

<img src="đường dẫn của bức ảnh 1" height="130" width="190" />

<br/><br/>

<img src="đường dẫn của bức ảnh 2" height="130" width="190" />

</marquee>

Kết quả như sau :

Ví dụ 2 :

<table border="10" cellpadding="3" height="135" width="195"/>

<tr>

<td>

<marquee onmouseover="this.stop()" onmouseout="this.start()"  scrollamount="2" direction="up" width="192" height="132"  align="center">

<img src="Link ảnh 1" height="130" width="190" />

<br/>

<img src="Link ảnh 2" height="130" width="190" /> 

</marquee>

</td>

</tr>

</table>

Kết quả như sau :

Ví dụ 3 :

<table border="10" cellpadding="3" height="135" width="195" bgcolor="#b1c3d9" />

<tr>

<td>

<marquee onmouseover="this.stop()" onmouseout="this.start()"  scrollamount="2" direction="up" width="192" height="132"  align="center">

<img src="Link ảnh 1" height="130" width="190" />

<br/>

<img src="Link ảnh 2" height="130" width="190" /> 

</marquee>

</td>

</tr>

</table>