Две Выдвижные кнопки для сайта
Выдвижные кнопки для дизайн студии - заказать графику и заказать видео. Установка: В нижнюю часть сайта в самый вверх вставляем код:
Код
<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 href="http://csomsk.ru/forum/" id="vkontakte_button"> <img alt="Нажмите чтобы заказать!" src="http://csomsk.ru/1-ucoz/csomsk/knopka_zakazat_grafiku.png" title="Нажмите чтобы заказать!" /> </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 href="/forum/" id="vkontakte_button_2"> <img alt="Нажмите чтобы заказать!" src="http://csomsk.ru/1-ucoz/csomsk/knopka_zakazat_video.png" title="Нажмите чтобы заказать!" /> </a>
<style type="text/css">/* Выдвижная кнопка заказать графику */
#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>
Теги: Кнопки, для, сайта, Две, Выдвижные
Ссылки:
Об авторе: Логин: by_Lawanda
Комментариев нет