코딩하는 문과생

자바스크립트/13. 천천히 목록 없애기 본문

웹 프로그래밍/Javascript

자바스크립트/13. 천천히 목록 없애기

코딩하는 문과생 2018. 11. 7. 18:37

13. 천천히 목록 없애기


-jQuery를 이용해서 목록을 천천히 제거하는 것을 구현해 보았습니다.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<script>
  $(document).ready(function(){
    $("button").click(function(){
      $("ul li:first-child").hide(3500);
    });
  });
</script>
 
<body>
  <p>list1</p>
  <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
  </ul>
 
  <p>list2</p>
  <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
  </ul>
  <button type="button" name="button">click</button>
</body>
cs


<실행결과>




'웹 프로그래밍 > Javascript' 카테고리의 다른 글

[Javascript] 기업용 프론트엔드 솔루션, xPlatform  (0) 2020.04.11
자바스크립트/ 14. 애니메이션 효과  (0) 2018.11.07
자바스크립트/ 12. onmouseover & onmouseout 이벤트  (0) 2018.11.04
자바스크립트/ 11. 값 받기(forms[])  (0) 2018.11.04
자바스크립트/ 10. querySelectorAll  (0) 2018.11.04
'웹 프로그래밍/Javascript' Related Articles more