Подстройка чужого баннера под свою страницу
Иногда предоставляемые Вам баннеры могут совершенно не подходить по цвету Вашей странице. Конечно, если об установке баннера вы договаривались непосредственно с его хозяином, можно и попросить перерисовать баннер, в соответствии с цветами страницы. Но, во-превых, хозяин баннера может попросту отказаться, а во-вторых, как быть, если баннер предоставлен обменной сетью? Казалось бы, сделать в этом случае что-либо не реально, но на помощь приходит очередная волшебная возможност JavaScript! Вставив небольшой код в страницу, Вы сможете решить все свои проблемы раз и навсегда!
Делается это следующим образом.
Первоначально необходимо вставить между тегами <head> и </head> следующий код:
<SCRIPT language=JavaScript1.2>
function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",1)
}
function low(which2){
clearInterval(highlighting)
which2.filters.alpha.opacity=40
}
function highlightit(cur2){
if (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=5
else if (window.highlighting)
clearInterval(highlighting)
}
</SCRIPT>
Едем дальше. Допустим, Вам необходимо вставить баннер сайта http://www.allfforgeeks.narod.ru/
Для этого вы пишите:
<a href="http://www.allforgeeks.narod.ru/" target=_blank>
<img src="http://www.allforgeeks.narod.ru/images/logolite.gif"
width="88" height="31" border="0" alt="Стань компьютерным
маньяком!"></a>
А сейчас нужно вставить в тег img src=, между img и src следующее:
onmouseover=high(this) style=FILTER:alpha(opacity=40) onmouseout=low(this)
В результате код должен выглядеть следующим образом:
<a href="http://www.allforgeeks.narod.ru/" target=_blank>
<img onmouseover=high(this) style=FILTER:alpha(opacity=40) onmouseout=low(this) src="http://www.allforgeeks.narod.ru/images/logolite.gif"
width="88" height="31" border="0" alt="Стань компьютерным
маньяком!"></a>
Всё должно работать!
Пару слов об используемых переменных:
"which2.filters.alpha.opacity=X" - степень прозрачности изображени после того, как был убран курсор мыши с изображения. Чем больше значкние икс, тем прозрачнее изображение.
"(cur2.filters.alpha.opacity<X)" - степень прозрачности изображения после полной его проявки. Чем больше значкние икс, тем прозрачнее изображение.
"cur2.filters.alpha.opacity+=X" - скорость проявки изображения. Чем больше значение икс, тем быстрее изображение будет проявлено.
Для достижения наилучшего результата я рекомендую поэксперементировать с этими значения!
Источник:
http://www.allforgeeks.narod.ru/
Дата публикации: 10.09.2007
Прочитано: 511 раз |