"Tạo hiệu ứng rung rinh cho ảnh khi rê chuột"

(Traidatmui.com) – Bạn có muốn những tấm ảnh trên blog của mình có những hiệu ứng thật vui khi rê chuột vào chúng không. Vâng một thủ thuật mà mình sắp giới thiệu đến các bạn là tạo hiệu ứng cho ảnh khi rê chuột lên ảnh đó. Với thủ thuật này, mỗi khi bạn rê chuột vào ảnh thì chúng sẽ lắc lư, rung ring rất vui mắt. Nếu bạn cảm thấy thích thú với những động tác của ảnh như vậy và muốn tạo hiệu ứng này trên blog mình thì bạn có thể thực hiện theo vài bước đơn giản bên dưới. Bạn hãy click vào demo bên dưới và rê chuột vào ảnh sẽ thấy kết quả hiệu ứng này.

1. Đầu tiên bạn đăng nhập vào tài khoản
2. Vào phần thiết kế chọn chỉnh sửa HTML
3. Thêm code bên dưới vào sau thẻ <head>
<style>
.shakeimage{
position:relative
}
</style>

<script src='http://data-traidatmui.appspot.com/scripts/shakeImage.js' type='text/javascript'/>

4. Sau khi thêm code xong bạn save template lại.
5. Đến đây là bước ứng dụng thủ thuật, nếu bạn muốn ảnh có hiệu ứng của thủ thuật này bạn phải thêm một lớp Class vào thẻ IMG như bên dưới
<a href="http://nvdinh88.blogspot.com/" target="_blank"><img class="shakeimage" onmouseover="init(this);rattleimage()" onmouseout="stoprattle(this);top.focus()" onclick="top.focus()" src="http://lh6.ggpht.com/_BTztXRwC9ik/TJsl23XHNII/AAAAAAAAD2E/W923JxWh6EM/Image1.gif" align="middle" /></a>


Như vậy là bạn có thể có hiệu ứng lắc lư cho ảnh khi rê chuột trên blog của bạn.

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

Xem khác cùng chủ đề

1 nhận xét | Viết lời bình

5/23/2014 03:15:00 SA Trả lời
Nhận xét này đã bị tác giả xóa.
Bạn nhập từ: cungly Bạn nhập từ: lleu Bạn nhập từ: kkrong Bạn nhập từ: cuoilon Bạn nhập từ: roile Bạn nhập từ: hehehe Bạn nhập từ: byebye Bạn nhập từ: idontknow Bạn nhập từ: votay more »

Giải pháp bán hàng online Số 1 Việt Nam
Lên đầu trang Xuống cuối trang