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


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



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



Главная » Файлы » Скрипты для 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

Для того что бы скачать архив необходимо зайти на сайт как пользователь.
Просмотров: 1462 | Комментарии: 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 Создать лого на сайт

0

2 Раздача подарков и стик...

0

3 25 жирных ссылок. Яндек...

0

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

51

5 выровнять вид материало...

1

6 Продам муз сайт

2

7 прошу вас помогите

1

8 Дополнительный заработо...

3

9 Помогу заработать деньг...

9

10 Продам базу трастовых с...

0


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


Комментарии



Copyright UcozOn.ru™ © 2008-2017


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