Всё для Web Дизайнера: статьи и советы Web Мастерам, правила хорошего тона в веб дизайне, сайт своими руками, бесплатные сервисы на Народ.ру, выбираем цвета для вашего сайта, нужно ли делать страничку "об авторе", с чего начинается сайт, нестандартные опции "mailto", сага о фреймах, идеальная навигация, удобная навигация по вашему сайту, использование CSS при создании ссылок, иоздание веб-страниц для различных разрешений монитора, индексирование динамического контента, изменение курсора, изменение цвета скролл бара (полосы прокрутки), открытие нового окна браузера, подстройка чужого баннера под свою страницу. Html, css, cgi, php, python, mysql, delphi, pascal, раскрутка сайта,  дизайн навигации, оптимизация страниц сайта, регистрация в поисковиках, шрифты, иконки, звуки, графика, картинки, обои для рабочего стола, Xak, Графика и анимация, Обои, Регистрационные ключи, лекарство для программ, взлом программ, взлом и интернет, хакеры, спам, вирусы, 3D Max, Corel Draw, Flash, Dreamweaver,
статьи и советы Web Мастерам, правила хорошего тона в веб дизайне, сайт своими руками, бесплатные сервисы на Народ.ру, выбираем цвета для вашего сайта, нужно ли делать страничку

Программирование
Web мастеру
3D Графика и анимация
Сетевая безопасность

Гостевая книга
Форум
Ссылки
Услуги

Rambler's Top100
TopCTO Компьютеры цены продажа


Компьютеры

Предыдущая статья     Читать дальше
На главную страницу > > В раздел Web Мастеру

Подстройка чужого баннера под свою страницу.

Иногда предоставляемые Вам баннеры могут совершенно не подходить по цвету Вашей странице. Конечно, если об установке баннера вы договаривались непосредственно с его хозяином, можно и попросить перерисовать баннер, в соответствии с цветами страницы. Но, во-превых, хозяин баннера может попросту отказаться, а во-вторых, как быть, если баннер предоставлен обменной сетью? Казалось бы, сделать в этом случае что-либо не реально, но на помощь приходит очередная волшебная возможност 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://design-planet.narod.ru/

Для этого вы пишите:

<a href="http://design-planet.narod.ru/" target=_blank>
<img src="http://design-planet.narod.ru/images/88x31.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://design-planet.narod.ru/" target=_blank>
<img onmouseover=high(this) style=FILTER:alpha(opacity=40) onmouseout=low(this) src="http://design-planet.narod.ru/images/88x31.gif" 
width="88" height="31" border="0" alt="Стань компьютерным
маньяком!"></a>

Всё должно работать!

Пару слов об используемых переменных: 

"which2.filters.alpha.opacity=X" - степень прозрачности изображени после того, как был убран курсор мыши с изображения. Чем больше значкние икс, тем прозрачнее изображение.

"(cur2.filters.alpha.opacity<X)" - степень прозрачности изображения после полной его проявки. Чем больше значкние икс, тем прозрачнее изображение.

"cur2.filters.alpha.opacity+=X" - скорость проявки изображения. Чем больше значение икс, тем быстрее изображение будет проявлено.
Для достижения наилучшего результата я рекомендую поэксперементировать с этими значения!

Предыдущая статья     Читать дальше
На главную страницу > > В раздел Web Мастеру

Hosted by uCoz