Приветствую Вас Прохожий | RSS Воскресенье, 04.12.2016, 04:52
Меню сайта
ВИДЕО УРОКИ СКРИПТЫ UCOZ ШАБЛОНЫ UCOZ ФОТОШОП UCOZ КАТАЛОГ СТАТЕЙ ВЕБМАСТЕРУ UCOZ ВИДЕО ФОТОШОПА ДОПОЛНЕНИЕ САЙТА РАЗДЕЛ СТУДИИ УСЛУГИ НАШЕГО САЙТА


Мини-чат
Все вопросы задаем в форуме,
здесь они игнорируются!



Статистика
Онлайн всего: 3
Гостей: 2
Пользователей: 1
LESIYI



Главная » Файлы » Скрипты для uCoz » Скрипты Разное

Подмена Css При скроле страницы сайта

Подмена Css При скроле страницы сайта Подмена Css, при скроле, страницы сайта
Делаем подмену CSS кода при определенной прокрутке страницы сайта by


Установка:
1. Создаем 2 СSS файла с названием style1 и style2.
2. Меняем CSS в место родного на style1 и все.
3. Для изменения данных на странице при скролле переписываем нужные нам теги в style2.

Куда угодно:
Code
<script type="text/javascript">   
  var active = true;   
  var maxHeight = 500; // через сколько пикселей в низ подменять файл ксс   
  var linkCss = 'style'; //путь к файлу ксс без указания номера и расширения   
  window.addEventListener('scroll', function () {   
  var y = window.event ? document.body.scrollTop : document.html.scrollTop;   
  var c = String(linkCss + parseInt((y < maxHeight) ? '1' : '2') + '.css');   
  var l = document.head.getElementsByTagName('link');   
  if (active == true && l[l.length-1].href != c) {   
  l[l.length-1].parentNode.removeChild(l[l.length-1]);   
  active = false;   
  var css = document.createElement('link');   
  css.setAttribute('type', 'text/css');   
  css.setAttribute('rel', 'styleSheet');   
  css.setAttribute('href', c);   
  document.head.appendChild(css);   
  } else active = true;   
  }, false);   
  </script>

В Css 2:
Code
BODY {background: #FFFFFF}   
   A:link {color: #80FF00}   
   A:visited {color: #FF00FF}   
   H1 {font-size: 24pt; font-family: arial}   
   H2 {font-size: 18pt; font-family: arial}   
   H3 {font-size: 14pt; font-family: arial}   
   img { width:500px; }   
   
Автор\Источник: http://ucodes.ru

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 1399 | Комментарии: 3 | Рейтинг: 3.3/3 | |Категория: Скрипты Разное | Добавил: ReiDer | Дата: 31.05.2012 | Скачали: 0
Похожие новости на нашем сайте
Коментарий к новости

Всего комментариев: 3
+1   Спам
3 ReiDer   Дата: 31.05.2012  Время: 19:27   [№ 13203]
как бы объяснить, при определённом прокручивании страницы, Адрес стиля Css меняется, например чтобы цвет становился светлее при прокручивании.В стилях можете любые варианты писать

2 kgs2009   Дата: 31.05.2012  Время: 19:20   [№ 13202]
Пример ещё бы

1 Fallen™   Дата: 31.05.2012  Время: 15:49   [№ 13201]
не понял, че он делает??? что значит подмена css


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Форма входа
Логин:
Пароль:


Поиск


На форуме

1 Куплю сайты с ТИЦ/PR (п...

9

2 Предлагаю услуги для ан...

0

3 Предлагаю услуги по про...

0

4 Комплексный прогон сайт...

51

5 Сайт онлайн фильмов на ...

1

6 Проблема с таблицей

9

7 Отредактировать фото

2

8 Уже все перепробовал )

1

9 Скрипт "Нравится&q...

3

10 Меню для сайта

3


Подробней о форуме


Комментарии



Copyright UcozOn.ru™ © 2008-2016


Кнопка 88х31 сайта ucozon.ru