<!-- 클릭시 fadeIn - fadeOut - 투명도를 이용해 나오고 사라지고 효과 테스트 --> <!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> <script type="text/javascript" src="../jquery-1.7.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){//HTML과 자바스크립트 나누기 onload와 같은 효과 $("#fadeOutBtn").bind("click", function(){ $("img").fadeOut(3000); }); $("#fadeInBtn").bind("click", function(){ $("img").fadeIn(3000); }); $("#chk").bind("click", function(){ $("img").fadeToggle(3000); });
