Lapu pārslēdzējs - uWM // FORUMS

Lappuse 1 no 1
1

uWM // FORUMS » uWEBMEISTARS // WEBLAPU PLATFORMAS » WEBLAPU APLIKĀCIJAS, SKRIPTI, SPRAUDŅI » uCoz » Lapu pārslēdzējs

Lapu pārslēdzējs

emciits

Ceturtdiena, 26.03.2015, 1:39:08 | Ieraksts #1

VECĀ MIESA

Foruma ieraksti: 577

UWM Reputācija:

uWEBMEISTARS ordeņi:

1. līmenis

2. līmenis

3. līmenis

Jaunākie apbalvojumi:

@emciits raksta .. :

Caurspīdīgs lapu pārslēdzējs. Rullēsiet uz leju viņš Jums ar JavaScript palīdzību parādīsies nevis pārslēdzēja vietā bet uzlēks augšpusē. netraucēs.

Uz stādīšana: Atveriet lapu kur gribat redzēt pārslēdzēju un savu $PAGE_SELECTOR$ - aizstājat ar zemāk esošo kodu.

KODS:

Code

<div style="display:none;position:absolute;top:0;margin-top:30px" id="pageselector">
<table cellspacing="0" cellpadding="0">
<tr>
<td width="1"><div class="pages_1"> </div></td>
<td class="pages_2">
$PAGE_SELECTOR$
</td>
<td width="1"><div class="pages_1"> </div></td>
</tr>
</table>
</div>
<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>
<style type="text/css">
.pages_1 {width:1px;height:48px;overflow:hidden;background:black}
.pages_2 {background:black;height:50px}
.pagesBlockuz1 {margin-left:10px;margin-right:10px;}
.swchItemA {color:white;font-seight:bold;text-desotation:none;border-bottom:3px solid #ffffff;padding:3px;background:none;margin:5px;}
.swchItem {color:white;text-desotation:none;padding:0;background:none;margin:5px;}
.swchItem:hover {color:white;text-desotation:none;padding:0;background:none;margin:5px;}
.swchItemDots {color:white;text-desotation:none;padding:0;background:none;margin:5px;}
</style>

Palīdzība no manis!