Хочу чтобы при наведение на фото, свойство opacity постепенно изменялось до 0, а если убрать мышь то возвращалось к исходному значению.
Часть скрипта скопипасил с других ресурсов, поэтому сам понимаю его процентов на 90%. В частности зачем передавать event как аргумент в функцию opacityDown()?
Если аккуратно то все нормально, но если быстро водить мышкой то не успевает отрабатывать. Где я просчитался?
window.onload = function ready(){ var menuLi = document.getElementById('list').getElementsByTagName('li'); var fotoLi = document.getElementById('screenshot').getElementsByTagName('li'); for(var i=0;i<fotoLi.length;i++){ fotoLi[i].onmouseover=function opacityDown(event,obj){ var relTarg = event.relatedTarget || event.toElement; if (relTarg!==document.getElementById('screenshot')){ var aForOpacity = this.getElementsByTagName('a')[0]; var computedStyle = aForOpacity.currentStyle || window.getComputedStyle(aForOpacity, null);//CSS styles var op=computedStyle.opacity-0; function taimer(){ if(op>0){ op-=0.01; aForOpacity.style.opacity=op; } else if(op<=0){ aForOpacity.style.opacity=0; clearInterval(interval); } }//taimer() var interval = setInterval(taimer,10); }//IF }//opacityDown fotoLi[i].onmouseout=function opacityUp(event,obj){ var relTarg = event.relatedTarget || event.toElement; if (relTarg==document.getElementById('screenshot')){ var aForOpacity = this.getElementsByTagName('a')[0]; var computedStyle = aForOpacity.currentStyle || window.getComputedStyle(aForOpacity, null);//CSS styles var op=computedStyle.opacity-0; function taimer(){ if(op<0.6){ op+=0.01; aForOpacity.style.opacity=op; } else if(op>=0.6){ aForOpacity.style.opacity=0.6; clearInterval(interval); } }//taimer() var interval = setInterval(taimer,10); }//IF }//opacityUp }//FOR }//ready
You can post now and register later.
If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке.
Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
Question
rediskavet
Пример.
Хочу чтобы при наведение на фото, свойство opacity постепенно изменялось до 0, а если убрать мышь то возвращалось к исходному значению.
Часть скрипта скопипасил с других ресурсов, поэтому сам понимаю его процентов на 90%. В частности зачем передавать event как аргумент в функцию opacityDown()?
Если аккуратно то все нормально, но если быстро водить мышкой то не успевает отрабатывать. Где я просчитался?
Link to comment
Share on other sites
1 answer to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.