Выдвижные кнопки сбоку - Кнопки для сайта - Всё для системы uCoz - Каталог файлов

Выдвижные кнопки для дизайн студии - заказать графику и заказать видео
Установка:
В нижнюю часть сайта в самый вверх вставляем код:

Код

Открыть в новом окне

<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>