Веб-дизайн
Сб, 04.05.24, 14:57
 

Форма входа

Поиск

Меню сайта
Категории раздела
КАТАЛОГИ КОДОВ [18]
Администрирование [4]
Без категории [2]
Бесплатные звонки [1]
Бесплатные СМС [1]
Видео [2]
ВКонтакте [1]
Галереи [2]
Гостевые книги [1]
Игры [6]
Изображения [5]
Информеры [14]
Календари [8]
Каталоги [2]
Курсоры [1]
Магазины [2]
Меню [5]
Музыка [5]
Новости [8]
Опрос, голосование [6]
Отзывы [5]
Отсчет [2]
Перевод [2]
Питомцы [1]
Плееры [1]
Погода [2]
Поиск [2]
Посетители [16]
Праздники [4]
Прокрутка [1]
Радио [3]
Символы [3]
Скроллинг [1]
Список [3]
Ссылки [8]
Статистика [8]
Текст [2]
ТВ онлайн [1]
Украшения сайта [11]
Функции сайта [12]
Цитаты [1]
Часы [5]
Чат [3]
RSS [2]
Twitter [5]

Мини-чат

Наш опрос
Оцените сайт
1. ★★★★★
2. ★★★
3. ★★★★
4.
5. ★★
Всего ответов: 9



Обмен ссылками
  • SMS-бесплатно
  • АкваФан 3D

  • Статистика
    ONLINE: 1
    Гостей.. 1
    Польз... 0
    Яндекс.Метрика

    Сейчас на сайте пользователи:


    free counters

    Главная » Галерея кодов » Прокрутка

    Стрелка прокрутки вверх страницы

    В системе uCoz работает на всех страницах, включая главную.
    Не вставляйте в "шапку", "подвал" и боковые колонки сайта.  Так как на страницах модулей, прокрутка работает, но при добавлении и редактировании материалов, кнопка "Сохранить" перестает отвечать на клики!
    на нашем сайте страницы модулей это:
    • Галерея кодов
    • Каталоги кодов
    • Гостевая книга
    • Блог
    • Форум
    • Каталог файлов
    • Онлайн игры
    • Тесты
    • FAQ (вопрос/ответ)


    Для новичков

    Предлагаем установить скрипт прокрутки страницы вверх, загруженный на наш сайт Kode.at.ua
    Пример работы Вы видите при нажатии на изображение "зеленой стрелки" в нижнем правом углу нашего сайта.
    Подключаем их в шаблоне страниц Вашего сайта между тегами <head> и </head>.

    <script type="text/javascript" src="http://kode.at.ua/Scripts/UpSite/jQuery.js"></script>
    <script type="text/javascript" src="http://kode.at.ua/Scripts/UpSite/scrolltopcontrol.js"></script>



    Для продвинутых пользователей

    1. Скачиваем два файла на Ваш компьютер
    jQuery.js [242.42 Кб]
    scrolltopcontrol.js [3.79 Кб]
    2. При необходимости редактируем. Открываем скаченный файл scrolltopcontrol.js (Правая кнопка мыши --> изменить (или открыть с помощью блокнот))
    Скорость прокрутки меняется в строке:  setting: {startline:100, scrollto: 0, scrollduration:5000, fadeduration:[500, 100]}
    где цифровое значение 5000, является скоростью прокрутки страницы вверх, при меньшем значении скорость выше (на нашем сайте стоит 1000)

    Изображение кнопки меняется в строке:  controlHTML: '<img src="http://forumimage.ru/uploads/20120117/13268212621700642.png" style="width:48px; height:48px" />'
    вместо http://forumimage.ru/uploads/20120117/13268212621700642.png , вставляем адрес изображения из интернета (лучше загрузить свое изображение в менеджер картинок Вашего сайта).
    Изображение по адресу оригинала выглядит так: 
    3. Загружаем оба скаченных (и при необходимости отредактированных) файла в менеджер картинок Вашего сайта.

    4. Подключаем их в шаблоне страниц Вашего сайта между тегами <head> и </head>
      

    <script type="text/javascript" src="ссылка_из_менеджера_картинок/jQuery.js"></script>
    <script type="text/javascript" src="ссылка_из_менеджера_картинок/scrolltopcontrol.js"></script>


    5. Если вы хоть раз уже подключили эту строку (не важно если там написано jquery-1.7.1.js, это указана версия)
    <script type="text/javascript" src="ссылка_из_менеджера_картинок/jQuery.js"></script>
        то подключать второй раз не надо.



    Источник: http://support.getbb.ru
    Категория: Прокрутка | Добавил: DropsStudio (14.02.12)
    Просмотров: 3251 | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]
    © 2024 Сделать бесплатный сайт с uCoz