Подвижные категории/теги

Очередной эффект на jQuery - подвижные теги (когда вы подносите курсор мыши к виджету с тегами, тег стильно отъезжает вправо.


Реализация.
В область /head вставить скрипт:
<script type='text/javascript'>
var dur = 450;
$(document).ready(function() {
$('a.linknudge, .Label ul li a').hover(function() {
$(this).animate({
paddingLeft: '20px'
}, dur);
}, function() {
$(this).animate({
paddingLeft: 0
}, dur);
});
});</script>

Демо:

4 комментария:

  1. А я нашёл на буржуйском сайте.Если бы знал, что у тебя выложен этот скрипт не лазил бы в поисках счастья по забугорным сайтам.Мне кажется у меня верхняя строчка лишняя.Если не трудно взгляни.Да к стати и в этом шаблоне проблемы были с пост.чит.Исправил по твоим подсказкам.
    http://forbloggerhelp.blogspot.com/2011/10/kak-dobavit-jefekt-dvizhenija-jarlykov.html

    ОтветитьУдалить
  2. Верхняя строчка в вашем скрипте - это путь к библиотеке Jquery. У меня этой строчки нет для того, чтобы пользователь, бездумно копируя скрипт, не поставил её второй раз, потому что она в блоге уже может быть (сейчас многие "производители" шаблонов стаят жуквери по умолчанию).

    ОтветитьУдалить
  3. Я несколько скриптов поставил с такой строчкой.Значит можно удалить или не важно можно оставить.

    ОтветитьУдалить
  4. Конечно надо удалить, стоять должна только одна, зачем замусоривать блог лишними скриптами?

    ОтветитьУдалить