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

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>

Kết quả như sau :





Chúc các bạn thành công.

(Lược dịch từ Internet).

Share on Facebook Share on Twitter Share on Google Plus

About Chinhnd

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.