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

Скрипты

Рисунок Скрипт прокрутки информеров
Скрипт прокрутки информеров Скрипт прокрутки информеров
оценка: 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. Буду благодарен, если оцените мой труд, и щелкните по звездочкам ниже.




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

rss
Категория:Скрипты
Просмотрено:14464
Рейтинг: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:

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

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



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