상세 컨텐츠

본문 제목

자바스크립트 onmouseover 를 Jquery 로

관리X 과거글

by 까먹기전에 2015. 3. 2. 15:07

본문

반응형

<!DOCTYPE html>

<html>

<head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

<script>

$(document).ready(function(){

    $("#p1").mouseenter(function(){

        alert("ㅎㅇㅎㅇ");

    });

});

</script>

</head>

<body>


<p id="p1">마우스포인터가 여기로 들어온다</p>


</body>

</html>



$(document).ready(function(){ -- window.onload 같은거

$("#p1").mouseenter(function(){ -- onmouseover  와 같은거임 아이디가 p1인애에 마우스가 오버되면


  alert("ㅎㅇㅎㅇ"); -- 경고창에 ㅎㅇㅎㅇ 를 뛰워준다.

관련글 더보기