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

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

<script language="JavaScript" src="http://you_site/banner.js"></script>

Все, путь путь на нужный документ прописан, теперь разберемся с вашим документом 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<tx.length-1){bukva++;}else {bukva=0; phrase='';}
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('<style> .bannerok {FONT-SIZE: 10px; COLOR: #C0C0C0; background-color: #160480;'+
' padding: 1px 2px 1px 2px; BORDER-RIGHT: #C0C0C0 2px solid; BORDER-TOP: #000000'+
' 1px solid; BORDER-LEFT: #000000 2px solid; BORDER-BOTTOM: #C0C0C0 1px solid;} </style>'+
' <table height="35"><tr><td bgcolor="'+clrIn+'" ONCLICK=redirekt("'+saytik+'") ONMOUSEOVER="go(this);"'+
' ONMOUSEOUT="stop(this);"><INPUT name="banner" class="bannerok" TYPE="text" SIZE=14 VALUE="'+t1+'" readonly="true"'+
' ONCLICK=redirekt("'+saytik+'")></td></tr></table>');

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

document.write('<a href="http://you_site.ru/" target="_blank"><img height="31" alt="Заходи скорее..." src="http://you_site.ru/banner.gif" width="88" border="0"></a>');
Вот собственно и все...

Наверх