Главная » Статьи » Скрипты

Выдвижные кнопки сбоку
Выдвижные кнопки для дизайн студии - заказать графику и заказать видео
Установка:
В нижнюю часть сайта в самый вверх вставляем код:
Код
<script type="text/javascript">  
$(function($) {  
$("#vkontakte_button img").hover(  
function () {  
$(this).animate({right: '0'}, {queue:false, duration: 350});  
//$(this).css('right', '0');  
},  
function () {  
$(this).animate({right: '-236px'}, {queue:false, duration: 350});  
// $(this).css('right', '-236px');  
}  
);  
});  
</script>  
<a id="vkontakte_button" href="http://csomsk.ru/forum/">  
<img alt="Нажмите чтобы заказать!" title="Нажмите чтобы заказать!" src="http://csomsk.ru/1-ucoz/csomsk/knopka_zakazat_grafiku.png">  
</a>  
<script type="text/javascript">  
$(function($) {  
$("#vkontakte_button_2 img").hover(  
function () {  
$(this).animate({right: '0'}, {queue:false, duration: 450});  
//$(this).css('right', '0');  
},  
function () {  
$(this).animate({right: '-236px'}, {queue:false, duration: 350});  
// $(this).css('right', '-236px');  
}  
);  
});  
</script>  
<a id="vkontakte_button_2" href="/forum/">  
<img alt="Нажмите чтобы заказать!" title="Нажмите чтобы заказать!" src="http://csomsk.ru/1-ucoz/csomsk/knopka_zakazat_video.png">  
</a> <style>/* Выдвижная кнопка заказать графику */  
#vkontakte_button img {  
position: fixed;  
top:125px;  
right: -236px;  
z-index: 99999;  
cursor: pointer;  
display: block;  
}  

#vkontakte_button_2 img {  
position: fixed;  
top:190px;  
right: -236px;  
z-index: 99999;  
cursor: pointer;  
display: block;  
}  
/* --------------------------------- */</style>
Категория: Скрипты | Добавил: Gamelife (01.02.2014)
Просмотров: 438 | Рейтинг: 5.0/1
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Хостинг от uCoz