jquery mouseover() 방법


  번역 결과:

mouse

English [maʊs] American [maʊs]

n. 쥐; 수줍음이 많은 [informal] 눈이 멍든 사람

vi 몰래 쥐를 찾는다.

English [ˈəʊvə(r)] American [ˈoʊvə(r)] prep.(부분적으로 또는 완전히 덮음) on...(토론을 나타냄); ; 다시; 한쪽에서 다른쪽으로

n.남은 것

int. 메시지가 끝났습니다. 답장을 보내주세요!

vt. 건너뛰다, 건너뛰다 [미국 사투리]

에서 회복하다

jquery mouseover() 방법통사론

기능: 마우스 포인터가 요소 위에 있으면 마우스오버 이벤트가 발생합니다. 이 이벤트는 mouseout 이벤트와 함께 가장 자주 사용됩니다. mouseover() 메서드는 mouseover 이벤트를 트리거하거나 mouseover 이벤트가 발생할 때 실행할 함수를 지정합니다. mouseenter 이벤트와 달리 mouseover 이벤트는 마우스 포인터가 선택한 요소나 해당 하위 요소를 통과할 때마다 트리거됩니다. mouseenter 이벤트는 마우스 포인터가 선택한 요소 위로 지나갈 때만 발생합니다. 데모를 보려면 아래 예를 참조하세요.

마우스오버 이벤트 구문 트리거: $(selector).mouseover()

함수를 마우스오버 이벤트 구문에 바인딩: $(selector).mouseover(function)

매개변수:

매개변수설명
기능 선택사항. 마우스 오버 이벤트가 발생할 때 실행할 함수를 지정합니다.

jquery mouseover() 방법예

<html>
<head>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("p").mouseover(function(){
    $("p").css("background-color","yellow");
  });
  $("p").mouseout(function(){
    $("p").css("background-color","#E9E9E4");
  });
});
</script>
</head>
<body>
<p style="background-color:#E9E9E4">请把鼠标指针移动到这个段落上。</p>
</body>
</html>
인스턴스 실행 »

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

인기 추천

비디오

Q&A