Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > Полигон


Автор: Толмач 8.6.2008, 08:03
Вот скрипт: при наведениии мышки на рисунок, он засеривается.
Код

<body>
<script language=JavaScript1.2>
<!--
function wlow(which1){
theobject=which1
lowlighting=setInterval("lowlightit(theobject)",50)
}
function whigh(which1){
clearInterval(lowlighting)
which1.filters.alpha.opacity=100
} 
function lowlightit(cur1){
if (cur1.filters.alpha.opacity>40)
cur1.filters.alpha.opacity-=10
else if (window.lowlighting)
clearInterval(lowlighting)
}
//-->
</script>

<a href="http://str2" title="Вторая страница"><img src="images/img2.gif" width="68" height="34" border="0" style="FILTER: alpha(opacity=100)" onmouseover=wlow(this) onmouseout=whigh(this)></a>


Как сделать такое же засеривание на полигоне?

Код

<body>
        <map name="FPMap0" >
<script language=JavaScript1.2>
<!--
function wlow(which1){
theobject=which1
lowlighting=setInterval("lowlightit(theobject)",50)
}
function whigh(which1){
clearInterval(lowlighting)
which1.filters.alpha.opacity=100
} 
function lowlightit(cur1){
if (cur1.filters.alpha.opacity>40)
cur1.filters.alpha.opacity-=10
else if (window.lowlighting)
clearInterval(lowlighting)
}
//-->
</script>

<area alt="Переход на вторую страницу" href="str2" shape="polygon" coords="164, 70, 180, 103, 276, 103, 272, 87, 234, 85, 221, 65, 263, 60, 252, 41, 203, 39, 202, 57, 163, 65" style="FILTER: alpha(opacity=100)" onmouseover=wlow(this) onmouseout=whigh(this)>
        </map>
        <img border="0" src="img/sap1.jpg" width="1000" height="118" usemap="#FPMap0" >


Засеривания не происходит. Что не так?


Автор: SelenIT 8.6.2008, 16:52
Цитата(Толмач @  8.6.2008,  08:03 Найти цитируемый пост)
он засеривается

что, простите?  smile

По сабжу - насколько мне известно, стандартных кроссбраузерных способов залить цветом или изменить прозрачность области произвольной формы нет (можно, наверное, извратиться через W3C-шный Canvas и IE-шный VML соответственно, но много мороки). В старину для этой цели просто подменяли всю картинку, имхо, это по-прежнему самое простое решение...

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)