| Torres_1_ | Дата: Суббота, 16.07.2011, 10:16 | Сообщение # 1 |
 Генералиссимус
Группа: Администраторы
Сообщений: 2124
Статус: Offline
| Переключатель PageScroller для uCoz
Отличная юзабельность. Не использует НИ ОДНОЙ КАРТИНКИ. Одинаково работает и выглядит в браузерах IE5.5, IE6, IE7, IE8, Mozilla FF, Safari, Google Chrome, Opera 9. Адаптирован под использование в uCoz.
Этот код размещаем сразу под условным кодом $BODY$
Код <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://www.fifagamers.do.am/vsio_dlya_ucoz/skripti1/perekliu4ateli/dsaPageScroller.js"></script> <script>initScrolls(10)</script>
Вот собственно и всё. Второй параметр отвечает за количество отображенных страниц в ряд. CSS можно изменять, как угодно.
Добавлена возможность пользоваться колесиком мыши. Исправлено много багов. Код сжат и оптимизирован.
|
| |
| |
Главная страница
Форум сайта
Создание сайтов на uCoz 
Вопросы по uCoz
Заработок в интернете 
Уроки Photoshop
Автомобиль от А до Я 
Электроника 
Всё для смартфонов 
Браузерные игры 
Музыка
