분류 jQuery

jQuery animation fade-in & fade-out

컨텐츠 정보

  • 조회 2,360 (작성일 )

본문

<html>

<head>

<script

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

<script type="text/javascript">

  $(document).ready(function() {

    $("div").hover(function() {

      $(this).fadeOut(100);

      $(this).fadeIn();

      $(this).fadeIn(500);

      $(this).fadeOut();

    });

  });

</script>

</head>

<body>

  <div>

    <h1>365ok.co.kr</h1>

  </div>

</body>

</html> 

jQuery