Скрипт прокрутки информеров
Скрипты
Скрипт прокрутки информеров
Каждый сайт, когда встает на путь развития, размещает у себя кучу информеров, которые помогают узнать рейтинг сайта, его оценку, посещаемость... Этот список можно продолжать долго, но суть одна: разместить такое количество кнопок на сайте, и внешний вид сайта тут же упадет ниже плинтуса. Этим материалом я решил помочь Вам разобраться в этом безобразии, чтобы кнопки информеров цитирования, PR и тому подобной лабуды не портили внешний вид сайта. Будем устанавливать скрипт прокрутки кнопок информеров.
Для начала, немного теории. Прокрутку можно организовать при помощи тега <marquee>. Но у этого тега есть одно очень плохое свойство: он неофициальный. Этот тег не прописан в стандарте W3C. Соответственно, валидацию страница с этим тегом не пройдет. Но есть одна хитрость, при помощи которой, можно обмануть W3C и при этом прокрутка будет работать. В случае, если у конечного пользователя отключен запуск javascript (хоть таких и единицы, но забывать об этом не стоит), будет отображен список кнопок, ограниченный по размерам, с полосой прокрутки.
Сам основной код. Он должен быть прописан, либо в теле HEAD, либо в тексте кода страницы ниже списка кнопок.
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>
Вызов функции должен производится ниже списка кнопок информеров (друзей) и ниже самого кода функции. Вызов происходит следующим образом:
Первый параметр функции - это id блока, в котором находится список кнопок информеров. Второй параметр - направление движения прокрутки списка. Этот параметр может принимать следующие значения:
- 'up' - прокрутка снизу вверх;
- 'down' - прокрутка сверху вниз;
- 'left' - прокрутка справа на лево;
- 'right' - прокрутка слева на право.
Для того, чтобы все заработало, нужно обернуть список кнопок в блок, вроде этого:
список_кнопок_информеров
</div>
Список кнопок, которые вы хотите прокручивать, вместе с блоком-оберткой, может выглядеть так:
<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 }Google+
Скрипт прокрутки информеров
Скрипты
Скрипты, инструкции, справочники
| Категория: | Скрипты |
| Просмотрено: | 19889 |
| Рейтинг: | 4.8/17 |
| Дата добавления: | 2009-06-26 19:28, Пятница |
| Добавил: | Szen |
| Теги: | Информеры, скрипт, прокрутка, javascript, кнопки |
Рекомендуем
Дополнительно к Скрипт прокрутки информеров
Мини-форум
| № 0 | 2009-06-26 19:28 |
Szen | Здесь вы можете задать вопрос или оставить комментарий по теме "Скрипт прокрутки информеров". |
| Гость |
| № 2 | 2009-07-28 11:44 |
ANED | Красиво,ставлю! |
| Анатолий Кошлаков · WWW |
| № 3 | 2010-04-18 01:05 |
| Agilardo | Szen,Доброго времени суток!!! Это снова я беспокою... Вопрос такой:- Установил прокрутку,всё нормально,разобрался,НО в Опере,отображается нормально,а в Мозилле съезжает в правую сторону блока...Как это можно исправить??? |
| Kela |
| № 4 | 2010-04-18 01:10 |
| Agilardo | Забыл добавить адрес сайта:--->http://gorov.ucoz.ru/ Заранее Спасибо!!! |
| Kela |
| № 6 | 2012-12-04 21:23 |
| nheljdst | Работает, толково, спасибо. |
| Лобанов Иван Борисович |
