Привет! Сегодня я научу Вас как сделать небольшой трюк с ярлыками.Это красивый эффект сдвига при наведении на ярлык мышью. Отличный плагин делает более привлекательным ваш блог для посетителей. Много расхваливать не буду, просто наведите у меня мышью на ярлык и Вы увидите как это происходит. И так теперь приступим к делу.
<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>
Теперь сохраните ваш шаблон! Все, трюк с ярлыками готов, можете наслаждаться.
Перейти: 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>
Теперь сохраните ваш шаблон! Все, трюк с ярлыками готов, можете наслаждаться.
