Thêm hiệu ứng link nhảy sang ngang khi rê chuột đến
10/24/12
Thêm liên kết nhảy sang đẹp mắt khi di chuột đến nhìn hấp dẫn hơn cho khách truy cập blog của bạn.
Làm cách nào để thực hiện?
Bước 1: Vào blogger > Mẫu > Chỉnh sửa HTML
Bước 2: Dán code sau trước thẻ </head>
Từ giờ muốn thêm link nhảy sang bên bạn thêm thuộc tính class="linknudge" , ví dụ
Enjoy!
Demo bên dưới
Làm cách nào để thực hiện?
Bước 1: Vào blogger > Mẫu > Chỉnh sửa HTML
Bước 2: Dán code sau trước thẻ </head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'></script>Bước 3: Lưu template của bạn lại
<script type='text/javascript'>
var dur = 400; // Duration Of Animation in Milli Seconds
$(document).ready(function() {
$('a.linknudge').hover(function() {
$(this).animate({
paddingLeft: '25px'
}, dur);
}, function() {
$(this).animate({
paddingLeft: 0
}, dur);
});
}); // end of Jquery Script
</script>
Từ giờ muốn thêm link nhảy sang bên bạn thêm thuộc tính class="linknudge" , ví dụ
<a class='linknudge' href='http://www.TROLLVL.BLOGSPOT.COM'>Troll VL</a>Bạn sẽ được kết quả như sau Troll VL
Enjoy!
Tin liên quan
XEM TRÊN MOBILE
No comments:
Post a Comment