Выдвижная кнопка (ВКонтаке) от u51st

Категория: Скрипты / Дата добавления материала: 21.01.2012, 20:52
Вот разработал по просьбе одного пользователя моего сайта, одну кнопку... Она будет находиться с право, и не в подвижном состоянии, и только при наведении на нее, она будет выдвигаться вперед... Установка: 1) Заходи в ПУ, потом в Таблица стилей (CSS), и вставляем вот этот код: Code /* Vkontakte by iWTH / #onlinehelp img { position: fixed; top:125px; right: -75px; z-index: 99999; cursor: pointer; display: block; } / END Vkontakte by iWTH / 2) Вот этот код вставляем в любое место: Code <script type="text/javascript"> $(function($) { $("#onlinehelp img").hover( function () { $(this).animate({right: '0'}, {queue:false, duration: 350}); //$(this).css('right', '0'); }, function () { $(this).animate({right: '-75px'}, {queue:false, duration: 350}); // $(this).css('right', '-75px'); } ); }); </script> <a id="onlinehelp" href="http://vkontakte.ru/share.php?url=http%3A%2F%2Fu51st.net%2F" onclick="webChatOpen();return false;"> <img alt="вКонтакте" src="http://new-info.ucoz.net/imghost/u51/vkontakte.gif" /> </a> Настройка скрипта Находим строчку в скрипте вот такую: http://vkontakte.ru/share.php?url=http%3A%2F%2Fu51st.net%2F И стираем то что я выделил жирным, и вписываем свой сайт... Полезный материал ? Посетите сайт автора: http://u51st.net*
Просмотров: 438 \| Загрузок: 0 \| Рейтинг: 0.0/0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]