Здравствуйте . я столкнулся со следующей проблемой: имеется код с веб страницы совершающий появлеие и исчезновение картинки при изменении параметра opacity в зависимости отнаведения на неё мышью.
<img name="img1b" style="position:absolute;right:3px;top:8px;opacity:0" width="110" height="60" src="images/button01b.jpg" onmouseover="imgover(img1b,1)" onmouseout="imgover(img1b,-2)">
function imgover(imgName,position)
{
opacity = imgName.style.opacity/0.05 ;
imgtimer = setInterval(frame,10)
function frame()
{
opacity = opacity + position ;
imgName.style.opacity = opacity*0.05 ;
if(imgName.style.opacity == 1||imgName.style.opacity == 0)
{
clearInterval(imgtimer);
}
}
}
Код вроде работает исправно , но при кратковременном наведении мышью картинка меняется и остаётся в таком положении независимо от того наведена ли мышь или нет, подскажите как можно подкорректировать код чтобы такого не случалось ? или вобще как нибудь кардинально изменить код ..