http://s1.ipicture.ru/uploads/20121205/5IxDqT3q.png
О самом скрипте, данный скрипт выводит либо переключатели, либо скрипт подгруздки материалов со следующей странице.
Установка скрипта
1. Подключаем cookies, для этого на Главной странице каталога файлов вставляем в head данный код:
Код
<script type="text/javascript" src="http://web41k.ru/skripti/perekluchael/cookies.js"></script>
2. Обносим тег body в id="contik":
Код
<div id="contik">$BODY$</div>
3. Заменяем код $PAGE_SELECTOR$ на следующий код: Получить код Code
Код
<center>
<div class="weselector">
<div class="selector1">
$PAGE_SELECTOR$
<a href="javascript://" onclick="$('.weselector').slideToggle();
setCookie('cokContik',1,365);"><div
class="changeselector">Сменить
переключатель</div></a>
</div>
</div>
<div class="weselector" style="display:none;">
<div class="selector2">
<div style="display:none;" id="selector">$PAGE_SELECTOR$</div>
<a href="javascript://" onclick="$('.weselector').slideToggle();
eraseCookie('cokContik');"><div class="changeselector">Сменить
переключатель</div></a>
</div>
</div>
<script type="text/javascript">
if(getCookie('cokContik')){$('.weselector').slideToggle();}
if ($("#selector").find(".swchItem:contains('»')").text() == '»') {
$("#selector").after('<br><div id="nextCont"><div onclick="Conti.to();"
style="cursor:pointer;"><b>Еще
материалы</b></div></div>');
};
Conti = {
to:function(){
$("#nextCont").html('<div><img src="http://web41k.ru/skripti/perekluchael/upload.gif" border="0"
/></div>');
nextik = $("#selector").find(".swchItem:contains('»')").attr('onclick').toString();
num = nextik.match(/\d/);
$.get('/load/0-'+num, function(next){
$("#contik").append( $("#contik", next).html() );
$("#selector").html( $("#selector", next).html() );
$("#nextCont").html('<div onclick="Conti.to();" style="cursor:pointer;"><b>Еще
материалы</b></div>');
if ($("#selector", next).find(".swchItem:contains('»')").html() == null) { $("#nextCont").fadeOut(); };
});
}
}
</script>
</center>
Ну и последние это CSS:
Код
.weselector {background:#e7f0f5; text-align:center; border:1px solid #c9d4db; height:46px; width:564px;}
.weselector a {text-decoration: none;}
.selector1 {padding:13px; font-size:12px; color:#7a98a8; text-shadow:0px 1px 0px #fff;}
.selector2 {font-size:12px; color:#7a98a8; text-shadow:0px 1px 0px #fff;}
.changeselector {font-size:10px; color:#7da0b4;}