Скрипт прокрутки информеров

Скрипты

Рисунок Скрипт прокрутки информеров
x;z-index:1 }
Скрипт прокрутки информеров Скрипт прокрутки информеров
оценка: 4.8 из 5
оценок: 17, отзывов: 6
Яндекс цитирования
Качество сайта...
ProtoPlex: программы, форум, рейтинг, рефераты, рассылки!
раскрутка сайта, поисковая оптимизация
Получить свой бесплатный сайт в UcoZ

Каждый сайт, когда встает на путь развития, размещает у себя кучу информеров, которые помогают узнать рейтинг сайта, его оценку, посещаемость... Этот список можно продолжать долго, но суть одна: разместить такое количество кнопок на сайте, и внешний вид сайта тут же упадет ниже плинтуса. Этим материалом я решил помочь Вам разобраться в этом безобразии, чтобы кнопки информеров цитирования, PR и тому подобной лабуды не портили внешний вид сайта. Будем устанавливать скрипт прокрутки кнопок информеров.

Для начала, немного теории. Прокрутку можно организовать при помощи тега <marquee>. Но у этого тега есть одно очень плохое свойство: он неофициальный. Этот тег не прописан в стандарте W3C. Соответственно, валидацию страница с этим тегом не пройдет. Но есть одна хитрость, при помощи которой, можно обмануть W3C и при этом прокрутка будет работать. В случае, если у конечного пользователя отключен запуск javascript (хоть таких и единицы, но забывать об этом не стоит), будет отображен список кнопок, ограниченный по размерам, с полосой прокрутки.

Сам основной код. Он должен быть прописан, либо в теле HEAD, либо в тексте кода страницы ниже списка кнопок.

Code
<script type="text/javascript"><!--
scrollInformers = function(idCounters,direction) {
  blCount = document.getElementById(idCounters);
  sCountersBlock = blCount.innerHTML;
  sScrollBlock = '<marquee height=\"%hei%\" width=\"%wid%\" loop=\"-1\" align=\"center\" behavior=\"scroll\" direction=\"%ori%\" scrollamount=\"2\" scrolldelay=\"1\" onmouseover=\"this.stop()\" onmouseout=\"this.start()\">%cnt%<\/marquee>';
  if (direction.toLowerCase() == 'up' || direction.toLowerCase() == 'down') sCountersBlock += '<br><br>';
  sCountersBlock += '<a href=\"http://szenprogs.ru/\" target=\"_blank\"><img src=\"http://szenprogs.ru/images/88x31x1.gif\" border=\"0\" width=\"88\" height=\"31\" alt=\"Портал SzenProgs\"><\/a>';
  sScrollBlock = sScrollBlock.replace(/%cnt%/gi,sCountersBlock);
  sScrollBlock = sScrollBlock.replace(/%ori%/gi,direction);
  hei = blCount.style.height;
  if (!hei) hei = '90px';
  wid = blCount.style.width;
  if (!wid) wid = '160px';
  sScrollBlock = sScrollBlock.replace(/%hei%/gi,hei);
  sScrollBlock = sScrollBlock.replace(/%wid%/gi,wid);
  blCount.style.overflowY = 'visible';
  blCount.innerHTML = sScrollBlock;
}
--></script>

Вызов функции должен производится ниже списка кнопок информеров (друзей) и ниже самого кода функции. Вызов происходит следующим образом:

Code
<script type="text/javascript">scrollInformers('idCountersScroll','up');</script>

Первый параметр функции - это id блока, в котором находится список кнопок информеров. Второй параметр - направление движения прокрутки списка. Этот параметр может принимать следующие значения:

  • 'up' - прокрутка снизу вверх;
  • 'down' - прокрутка сверху вниз;
  • 'left' - прокрутка справа на лево;
  • 'right' - прокрутка слева на право.

Для того, чтобы все заработало, нужно обернуть список кнопок в блок, вроде этого:

Code
<div id="idCountersScroll" style="height:90px;width:200px;overflow-y:scroll;text-align:center;">
  список_кнопок_информеров
</div>

Список кнопок, которые вы хотите прокручивать, вместе с блоком-оберткой, может выглядеть так:

Code
<div id="idCountersScroll" style="height:90px;width:200px;overflow-y:scroll;text-align:center;">
  <a rel="nofollow" target="_blank" href="http://yandex.ru/cy?base=0&host=szenprogs.ru"><img src="http://www.yandex.ru/cycounter?szenprogs.ru" width="88" height="31" alt="Яндекс цитирования" border="0"></a><br>
  <a rel="nofollow" target="_blank" href="http://cys.ru/" title="CyberAnalytic - Создание сайта, веб дизайн, оценка качества."><img alt="Качество сайта..." src="http://cys.ru/button.png?url=szenprogs.ru" border="0" width="88" height="31"></a><br>
  <a rel="nofollow" target="_blank" href="http://protoplex.ru/top_show/354590.html"><img src="http://protoplex.ru/images/rating/knopa10.png" alt="ProtoPlex: программы, форум, рейтинг, рефераты, рассылки!" width="88" height="31" border="0"></a><br>
  <a rel="nofollow" href="http://www.raskrytka.ru" target="_blank"><img src="http://counter.web-marketolog.ru/counter/?mode=b2-4" width=88 height=31 border=0 alt="раскрутка сайта, поисковая оптимизация"></a><br>
  <a rel="nofollow" target="_blank" href="http://www.ucoz.ru/?uz=22371"><img src="http://money.ucoz.com/img/ban/88x31_01.gif" border="0" width="88" height="31" title="Получить свой бесплатный сайт в UcoZ" alt="Получить свой бесплатный сайт в UcoZ"></a><br>
</div>

Устанавливаете код по этой инструкции и пользуетесь. Удачи в свершениях!

Вы можете присоедениться к моему микроблогу в Твиттере @SzenProgs. Буду благодарен, если оцените мой труд, и щелкните по звездочкам ниже.

x;z-index:1 }


Скрипт прокрутки информеров
Скрипты
Скрипты, инструкции, справочники

rss
Категория:Скрипты
Просмотрено:20926
Рейтинг:4.8/17
Дата добавления:2009-06-26 19:28, Пятница
Добавил:Szen
Теги:Информеры, скрипт, прокрутка, javascript, кнопки

Мини-форум

№ 02009-06-26 19:28
Szen
Аватар участника Szen
Здесь вы можете задать вопрос или оставить комментарий по теме "Скрипт прокрутки информеров".
Гость
№ 1
2009-06-28 21:21
ooster
Аватар участника ooster
супер! спс!!! скоро себе на сайтег сделаю smile
ya ndex
№ 2
2009-07-28 11:44
ANED
Аватар участника ANED
Красиво,ставлю!
Анатолий Кошлаков · WWW
№ 3
2010-04-18 01:05
Agilardo
Аватар участника Agilardo
Szen,Доброго времени суток!!!
Это снова я беспокою...
Вопрос такой:- Установил прокрутку,всё нормально,разобрался,НО в Опере,отображается нормально,а в Мозилле съезжает в правую сторону блока...Как это можно исправить???
Kela
№ 4
2010-04-18 01:10
Agilardo
Аватар участника Agilardo
Забыл добавить адрес сайта:--->http://gorov.ucoz.ru/
Заранее Спасибо!!!
Kela
№ 5
2011-03-24 01:55
Yulan
Аватар участника Yulan
Спасибо огромное за скрипт.. всё работает супер.
Yulan
№ 6
2012-12-04 21:23
nheljdst
Аватар участника nheljdst
Работает, толково, спасибо.
Лобанов Иван Борисович
Учавствовать в обсуждении "Скрипт прокрутки информеров" могут только зарегистрированные пользователи.
Реклама
Кнопка портала
Посетители
Зарегистрированных посетителей не было.
Друзья портала
Вакантное место для вашей рекламы!
RSS лента Блога
RSS лента Каталога файлов
RSS лента Новостей
Будьте в курсе событий.
Введите ваш email:

Личный блок
  • Гость портала.
  • Личных данных нет.
Вход на сайт
Регистрация
Опрос
Сколько сайтов у вас есть?
Всего ответов: 1846
Статистика
Valid HTML 4.01 Transitional

Яндекс цитирования



Онлайн всего: 1
Гостей: 1
Пользователей: 0
Портал SzenProgs.ru © 2008 - 2024 · Условия
Администратор и дизайнер портала: Szen
Хостинг от uCoz