JQuery(주니어 버전)_javascript 기술을 기반으로 Apple 데스크탑의 Dock 효과를 모방합니다.

"http://www.w3.org/TR/html4/strict.dtd"> 🎜>








;/html>


CSS 장식이 없는 페이지는 형편없기 때문에 적절한 CSS를 사용하여 장식하는 것이 필수입니다

}
#topMenu img{
height: 50px;
width: 50px;
}


몇 달 전에 방정식을 푸는 것을 잊어버렸기 때문에 마우스가 움직일 때 나타나는 아이콘 증폭 알고리즘은 단지 개인적인 생각일 뿐이며 전문가들이 더 나은 알고리즘을 생각해 낼 수 있기를 바랍니다. 또한, 여기서는 마우스를 수평으로 이동시키는 알고리즘만 고려하고, 마우스를 수직으로 이동시키는 알고리즘은 아직 추가하지 않았습니다.




코드 복사

//그림 중앙의 수평 좌표를 가져옵니다
var objX =parseInt(obj.offset() .left) parsInt(objWidth.substr (0,objWidth.length-2))/2;
var x = Math.abs(objX-mouseX)
if(x-75) {
obj.css( "너비",(128-((78*x*x)/(75*75))) "px")
obj.css("높이",(128- ((78*x*x) /(75*75))) "px");
}
})




JQuery의 마우스 획득 방법에 대해 이야기해 보겠습니다. mousemove(function(e){})를 실행할 때, 메서드의 매개변수 e는 수평 좌표를 얻기 위한 e.pageX와 수직 좌표를 얻기 위한 e.pageY를 ​​제공합니다. 또한 사용할 수 있습니다. var x = e.originalEvent.x || e.originalEvent.layerX || 0; 또한 var y = e.originalEvent.y || layerY || 0; 마우스 수직 위치의 수평 위치를 가져옵니다.