Меню

четверг, 26 января 2012 г.

Эффект движения ярлыков

Привет! Сегодня я научу Вас как сделать небольшой трюк с ярлыками.Это красивый эффект сдвига при наведении на ярлык мышью. Отличный плагин делает более привлекательным ваш блог для посетителей. Много расхваливать не буду, просто наведите у меня мышью на ярлык и Вы увидите как это происходит. И так теперь приступим к делу.

Перейти: Blogger Дизайн-Изменить HTLM. Как обычно делаем резервную копию шаблона. Поиск строчки </head> для быстрого поиска пользуемся  Ctrl+F. Добавляем следующий  код  перед </head>.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/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, .Label ul li a').hover(function() {
            $(this).animate({
                paddingLeft: '25px'
            }, dur);
        }, function() {
            $(this).animate({
                paddingLeft: 0
            }, dur);
        });
    }); // end of Jquery Script
</script>

Теперь сохраните ваш шаблон! Все, трюк с ярлыками готов, можете наслаждаться.

Комментариев нет:

Отправить комментарий

Related Posts Plugin for WordPress, Blogger...
/* Кнопочка Наверх */ /* Конец кнопочки Наверх */