study:php:몇_가지_사용_예

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- study:php:몇_가지_사용_예 [2011/08/11 15:59]
kamajaki0601
+++ study:php:몇_가지_사용_예 [2011/08/11 17:04] (현재)
kamajaki0601
@@ 줄 1: / 줄 1: @@
-===== show() & hide()함수 사용 예 =====
+===== 이벤트사용 예 =====
+  * show() & hide()함수 사용 예
 http://wldyd83.adminschool.net/jquery/hideshow.html \\
 **결과 : 클릭시 나타나고 클릭시 사라진다.**
-<code html>
+<code css html>
 <!DOCTYPE html>
 <html>
@@ 줄 52: / 줄 54: @@
 </code>
-===== fadein()&out()함수 사용 예 =====
+  * fadein()&out()함수 사용 예
 http://wldyd83.adminschool.net/jquery/fadeinout.html
-===== append()함수 사용 예 =====
+<code css html>
+<!DOCTYPE html>
+<html>
+<head>
+	<title>padein&padeout</title>
+  <script type="text/ecmascript" src=jquery-1.6.2.min.js></script>
+	<script type="text/ecmascript">
+		$(document).ready(function(){
+        $("h1").toggle(first, second);
+		});
+		function first(){
+		    $("section").fadeOut("slow");
+		}
+		function second(){
+        $("section").fadeIn("slow");
+		}
+	</script>
+</head>
+<body>
+  <h1>Click</h1>
+    <section>
+    fadeIn fadeOut Test!!
+    </section>
+</body>
+</html>
+</code>
+  * append()함수 사용 예
 http://wldyd83.adminschool.net/jquery/append.html
+<code css html>
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>append() & prepend()</title>
+    <script type="text/ecmascript" src=jquery-1.6.2.min.js></script>
+    <script type="text/ecmascript">
+      $(document).ready(function(){
+        $("h1").click(whenClick);
+      });
+      function whenClick(){
+        $(this).append("+");
+      }
+    </script>
+  </head>
+  <body>
+  append()
+    <h1>test1</h1>
+    <h1>test2</h1>
+    <h1>test3</h1>
+    <h1>test4</h1>
+    <h1>test5</h1>
+  </body>
+</html>
+</code>

study/php/몇_가지_사용_예.1313045988.txt.gz · 마지막으로 수정됨: 2011/08/11 15:59 저자 kamajaki0601