Переключатель PageScroller от AD

Просмотров: 506 | Добавил: Mr_Djun | Загрузок: 0

Отличная юзабельность. Не использует НИ ОДНОЙ КАРТИНКИ. Одинаково работает и выглядит в браузерах IE5.5, IE6, IE7, IE8, Mozilla FF, Safari, Google Chrome, Opera 9. Адаптирован под использование в uCoz.

Этот код размещаем сразу под условным кодом $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>  
<div id="pageScroll"><span id="content"></span></div>  
<script type="text/javascript" src="http://studioad.ru/PageScroller.js"></script>  
<script>initScrolls(10)</script>

Вот собственно и всё. Второй параметр отвечает за количество отображенных страниц в ряд. CSS можно изменять, как угодно.

Добавлена возможность пользоваться колесиком мыши. Исправлено много багов. Код сжат и оптимизирован.

Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Мини-чат
Наш опрос
Какой у вас браузер?
Всего ответов: 274
Статистика


фарфор мейсенский
недвижимость в германии
скачать chrome
Онлайн всего: 1
Гостей: 1
Пользователей: 0