Пользователи [21] |
Новости сайта [0] |
Форум [7] |
Каталог статей [0] |
Каталог файлов [15] |
Каталог сайтов [0] |
Доска объявлений [0] |
Фотоальбом [1] |
Блог [0] |
Переключатели страниц [1] |
Другие скрипты [90] |
Главная » Файлы » Скрипты » Переключатели страниц |
02.11.2010, 08:14 | |
Данный скрипт красиво оформит нумерацию страниц на сайте, скроллбар – это и есть номер текущей страницы, на которой находится пользователь. В этом скрипте можно настроить количество ячеек номеров страниц. Интересное в данном скрипте то, что чтобы перейти на другую страницу, нужно перетаскивать скроллбар со стрелкой.
Code <style> #pageScroll span {white-space:nowrap} #pageScroll a{display:inline-block;font:12px Tahoma;width:38px;padding:2px 0;margin:1px;color:#88aa00;text-align:center;text-decoration:none;} #pageScroll a:hover, .curPage{background:#88aa00;color:#fff !important;} #pageScroll {margin:0 auto;overflow:hidden;position:relative;top:-3px;cursor:default} .scrollWrap {background:#dfdfdf;position:relative} .scrollBar {background:#777;cursor:pointer;cursor:hand;position:relative;z-index:400} .scrollPage {background:#88aa00;position:absolute;z-index:300;} .pagesTotal {font:12px Tahoma;color:#bbb} #pagesBlock1, .pagesBlock1, .pagesBlockuz1 {display:none !important;} </style> <div id="pageScroll"><span id="content"></span></div> <script type="text/javascript" src="http://studioad.ru/PageScroller.js?v2"></script> <script>initScrolls(5/*количество страниц по ширине*/,5/*высота бара*/,false/*простая прокрутка*/,true/*стрелка*/,true/*всего страниц*/,7/*минимальная ширина бара*/,'Всего страниц : [NUM]')</script> | |
|
|
Просмотров: 501 | Загрузок: 0 | Рейтинг: 0.0/0 |
Всего комментариев: 0 | |