Построение баннера на основе Js документа.

Автор: Kot Источник: reset-me.wcps.ru Добавлено: 2005-06-29 00:11:49

Версия для печати Скачать статью

Итак, сначала конечно может показаться что баннер, построенный не на основе какой-нибудь программы типа FlashMX, а при помощи Js это глюк. Но это неправда, на самом деле построить баннер на основе js-документа это просто,тем более если вы хорошо знаете как грамотно запихивать данные в Js ... Ну все по порядку.
Итак, что б мы друг друга поняли, сразу хочу заметить, js файл будет называться banner. Таким образом у нас есть файл, banner.js.
Да, чуть не забыл, рассказать о том, в чем приемущества этого баннера от баннеров, имеющих формат *.bmp; *.gif; *.jpg ... Приемущество нашего баннера заключается в том, что его (баннер) можно оформить при помощи навыков в html, JavaScript.
Ну вообщем для примера возьмем сайт на котором вы хотите разместить ваш баннер, к примеру сайт вашего друга, пусть его адрес будет www.you_frend.ru . Путь на сайте вашего друга должен быть не на картинку а на ВАШ js-документ, то есть путь будет иметь вид:



Все, путь путь на нужный документ прописан, теперь разберемся с вашим документом banner.js . В нем вы оформляете свой баннер при помощи языка JavaScript.

пример js-баннера

saytik='http://you_site.ru';
t1='Классный сайт!';
tx='you_site.ru Заходите еще разок... :))))))) ';
clrIn= '#0000F0';
clrOver='#0080FF';

action=0;
bukva=0;
phrase='';

function act()
{ phrase=tx.substring(bukva,bukva-14);
document.all["banner"].value=phrase;
if(bukva if (action) setTimeout("act()", 100); }

function go(src){if (!action) {action=1; act();} if (!src.contains(event.fromElement))
{src.style.cursor = "hand"; src.bgColor = clrOver;} self.status=saytik;}
function stop(src){if (!src.contains(event.toElement)) {src.bgColor = clrIn;} self.status='';}
function redirekt(saytishko){self.location.href=saytishko;}

document.write(''+
'

' ONMOUSEOUT="stop(this);"> ' ONCLICK=redirekt("'+saytik+'")>

');

Но если вы плохо ориентируетесь в JS, но все же хотите сделать такого рода баннер то в js-документе вы можете просто запихать команду на отображение обычного баннера(*.bmp; *.gif; *.jpg). Это будет выглядеть так:

document.write('');
Вот собственно и все...

Оглавление   |  ?? ????

Добавить Комментарий

Nik:
Ваш E-Mail:
Комментарий:
HTML-теги Вырезаются!!!
* Введите защитный код из символов, отображенных в виде изображения. Если вы не можете прочитать код с изображения, нажмите на изображение для генерации нового вида кода.