10/24/12

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. 
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>
<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>
Bước 3: Lưu template của bạn lại
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

300x250