Выдвижные кнопки для дизайн студии - заказать графику и заказать видео
Установка:
В нижнюю часть сайта в самый вверх вставляем код:
Code <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="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>
 | 
