Переключатель страниц от vk
Красивый вид переключателя страниц, на этот раз использованы стили от сайта vk com, сейчас они конечно-же там не используются, так как их полностью заменили на элементарную подгруздку страницы при перемотке.
Красивый переключатель страниц для ucoz и сделан под эдакий web портал для web-мастеров:)
В верхнею часть сайта: / оно-же Шапка:
Это в CSS
Красивый переключатель страниц для ucoz и сделан под эдакий web портал для web-мастеров:)
В верхнею часть сайта: / оно-же Шапка:
Код
<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>
$(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>
Это в CSS
Код
.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;}
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;}
0| Всего комментариев: 0 | |
 | Информация: Посетители, находящиеся в группе Гости, не могут оставлять комментарии. |