js 운동 프레임 워 크그림 의 페 이 드 페 이 드 효과 포함
<br>window.onload=function()
<br>{
<br> oDiv1=document.getElementById("div1");
<br> oDiv2=document.getElementById("div2");
<br> oDiv3=document.getElementById("div3");
<br> oDiv4=document.getElementById("div4");
<br> oDiv5=document.getElementById("div5");
<p></p>
<p> oDiv1.onmouseover=function(){<br> Move(oDiv1,"width",200); <br> //alert(getStyle(oDiv1,"width"));<br> }<br> oDiv1.onmouseout=function(){<br> Move(oDiv1,"width",100);<br> }<br> oDiv2.onmouseover=function(){<br> Move(oDiv2,"height",200); <br> }<br> oDiv2.onmouseout=function(){<br> Move(oDiv2,"height",100);<br> }<br> oDiv3.onmouseover=function(){<br> Move(oDiv3,"opacity",100);<br> }<br> oDiv3.onmouseout=function(){<br> Move(oDiv3,"opacity",30);<br> }</p>
<p> oDiv4.onmouseover=function(){<br> Move(oDiv4,"opacity",100); <br> }<br> oDiv4.onmouseout=function(){<br> Move(oDiv4,"opacity",30);<br> }<br> oDiv5.onmouseover=function(){<br> Move(oDiv5,"opacity",100); <br> }<br> oDiv5.onmouseout=function(){<br> Move(oDiv5,"opacity",30);<br> }<br><br> <br>} <br> // <br> function getStyle(obj,attr) //getStyle ***px <br> { if(obj.currentStyle)<br> {<br> return obj.currentStyle[attr];<br> }<br> else{<br> return getComputedStyle(obj,false)[attr];<br> } <br> } <br> // <br> function Move(obj,attr,itarget)<br> { <br> clearInterval(obj.timer);<br> obj.timer=setInterval(function(){<br> if(attr=="opacity")<br> { cur=parseFloat(getStyle(obj,attr))*100;<br> speed=(itarget-cur)/10;<br> speed=speed>0?Math.ceil(speed):Math.floor(speed); <br><br> if(cur==itarget)<br> {<br> clearInterval(obj.timer);<br> }else<br> { cur+=speed;<br> obj.style.opacity=cur/100;<br> obj.style.filter="alpha(opacity:"+cur+")"; <br> } <br> }<br> else<br> {<br> cur=parseInt(getStyle(obj,attr));<br> speed=(itarget-cur)/10; //parseInt <br> speed=speed>0?Math.ceil(speed):Math.floor(speed); // 、 <br><br> if(cur==itarget)<br> {<br> clearInterval(obj.timer);<br> }else<br> {<br> obj.style[attr]=cur+speed+"px"; <br> } <br> } <br><br> },30) <br> } <br>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
