선택장애

제이쿼리(jQuery) - mouseover 본문

제이쿼리(jQuery)

제이쿼리(jQuery) - mouseover

yes or yes 2017. 8. 14. 15:32
반응형



<%@ page language="java" contentType="text/html; charset=UTF-8" 
    pageEncoding="UTF-8"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>Insert title here</title> 

<style> 
#box 
{ 
  width:100px; 
  height:100px; 
  background:green; 
} 
</style> 

<script src="http://code.jquery.com/jquery-latest.js"></script> //사이트에 있는 쿼리의 최신버젼을 가져온다

</head> 
<body> 

<div id="box"> 
<script> 
  $("#box").mouseover(function() 
  { 
  $("#box").fadeOut(1500); //1.5초
  }); 

</script> 
</div> 



</body> 
</html> 
반응형
저작자표시 (새창열림)

'제이쿼리(jQuery)' 카테고리의 다른 글

제이쿼리(jQuery) - 이벤트들(click,blur,focusout,change,keyup)  (0) 2022.05.03
setInterval - 값 바꿔주기  (0) 2020.12.07
제이쿼리(jQuery) - 배경색바꾸기  (0) 2017.08.14
제이쿼리(jQuery) - 클릭시 숨기기/보이기  (0) 2017.08.14
'제이쿼리(jQuery)' Related Articles more