Найти руководство пользователя
1. Выберите производителя
Переключатель страниц в стиле VK
Переключатель страниц в стиле VK для юкоз.
Куда угодно:
<script type="text/javascript">
$(window).scroll(function () {
st = $(window).scrollTop();
var scrollBottom = $(document).height() - $(window).height() - $(window).scrollTop();
if(scrollBottom < 500) {$("#pageselector").fadeIn(500)} else {$("#pageselector").fadeOut(100)}
$('#pageselector').css('top', st+'px')
$('#pageselector').css('opacity', '0.8')
});
</script>
В СSS:
.pages_1 {width:1px;height:100px;overflow:hidden;background:#2b587a color: #2b587a;
background: #597da3;
border : 1px solid #2b587a; }
.pages_2 {background:#F0F0F0;height:50px;border : 1px solid #999999; }
.pagesBlockuz1 {margin-left:10px;margin-right:10px;}
.swchItemA {color:#2b587a;font-seight:bold;text-desotation:none;border-bottom:3px solid #2b587a;padding:3px;background:none;margin:5px;}
.swchItem {color:#2b587a;text-desotation:none;padding:0;background:none;margin:5px;}
.swchItem:hover {color:#999999;text-desotation:none;padding:0;background:none;margin:5px;}
.swchItemDots {color:#2b587a;text-desotation:none;padding:0;background:none;margin:5px;}
Скачать файлы
Куда угодно:
Code
<script type="text/javascript">
$(window).scroll(function () {
st = $(window).scrollTop();
var scrollBottom = $(document).height() - $(window).height() - $(window).scrollTop();
if(scrollBottom < 500) {$("#pageselector").fadeIn(500)} else {$("#pageselector").fadeOut(100)}
$('#pageselector').css('top', st+'px')
$('#pageselector').css('opacity', '0.8')
});
</script>
В СSS:
Code
.pages_1 {width:1px;height:100px;overflow:hidden;background:#2b587a color: #2b587a;
background: #597da3;
border : 1px solid #2b587a; }
.pages_2 {background:#F0F0F0;height:50px;border : 1px solid #999999; }
.pagesBlockuz1 {margin-left:10px;margin-right:10px;}
.swchItemA {color:#2b587a;font-seight:bold;text-desotation:none;border-bottom:3px solid #2b587a;padding:3px;background:none;margin:5px;}
.swchItem {color:#2b587a;text-desotation:none;padding:0;background:none;margin:5px;}
.swchItem:hover {color:#999999;text-desotation:none;padding:0;background:none;margin:5px;}
.swchItemDots {color:#2b587a;text-desotation:none;padding:0;background:none;margin:5px;}