예전에는 DOM을 이용해서 작업을 많이 했는데요.
제이쿼리가 굉장히 편리해서 현재까지 많은 사랑을 받고 있는 라이브러리가 되었어요
저도 DOM만 고수하다가 제이쿼리로 갈아탔는데..
사용하기가 너무 편리하다는 것이 좋은 듯 해요
특히 애니메이션 만들 때 ...
$(".id").animate({"display" : "none", "left": "500px"},5000);
주황색 박스 부분에 css를 넣으면 되고요
5000은 속도에요.
왼쪽기준으로 500픽셀 움직이는 시간이 5초동안 이동하는 것을 의미하고요
실행이 끝난 후 callback 을 할 수 있는데요
$(".id").animate({"display" : "none", "left": "500px"},1,null, function(){alert('애니메이트 끝났어요');});
주황색 박수와 같이 해도 되고요
함수명을 넣어도 되요.
여기서 팁 하나가 나와요.
슬라이드 애니메이션이나 gnb 메뉴 만들 때 애니메이션이 중복 될 경우가 있어요
중복을 막으려면 기존 실행을 중단 시키고 다시 실행하거나 선행으로 실행 된 것이 끝나기를 기다려야죠
선행으로 실행된 애니메이션을 중단하는 방법을 알려드릴게요
$(".id").stop().animate({"display" : "none", "left": "500px"},1,null, function(){alert('애니메이트 끝났어요');});
stop()을 붙여 주면 되요.
저는 제이쿼리를 책보고 배우지 않고 프로그램 만들 때 마다 이런 것은 없을까..
찾으면서 하는데요.
제이쿼리 정말 좋은 듯 해요.
댓글 1개
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 6430 | 12년 전 | 986 | ||
| 6429 | 12년 전 | 9113 | ||
| 6428 | 12년 전 | 609 | ||
| 6427 |
제이티37
|
12년 전 | 1576 | |
| 6426 |
프로프리랜서
|
12년 전 | 1159 | |
| 6425 |
프로프리랜서
|
12년 전 | 1617 | |
| 6424 |
프로프리랜서
|
12년 전 | 1818 | |
| 6423 | 12년 전 | 1006 | ||
| 6422 |
퍼블리셔지노군
|
12년 전 | 1582 | |
| 6421 | 12년 전 | 2214 | ||
| 6420 |
 신현종실장 |
12년 전 | 1338 | |
| 6419 |
 돼지코구뇽 |
12년 전 | 1290 | |
| 6418 | 12년 전 | 1194 | ||
| 6417 |
senseme
|
12년 전 | 7435 | |
| 6416 |
senseme
|
12년 전 | 1334 | |
| 6415 |
senseme
|
12년 전 | 1200 | |
| 6414 |
senseme
|
12년 전 | 1973 | |
| 6413 |
senseme
|
12년 전 | 978 | |
| 6412 |
senseme
|
12년 전 | 1494 | |
| 6411 |
senseme
|
12년 전 | 1109 | |
| 6410 |
senseme
|
12년 전 | 1050 | |
| 6409 |
PASKRAN
|
12년 전 | 2822 | |
| 6408 | 12년 전 | 10808 | ||
| 6407 | 12년 전 | 2995 | ||
| 6406 |
프로프리랜서
|
12년 전 | 2843 | |
| 6405 |
프로프리랜서
|
12년 전 | 1379 | |
| 6404 |
프로프리랜서
|
12년 전 | 2728 | |
| 6403 |
프로프리랜서
|
12년 전 | 824 | |
| 6402 |
프로프리랜서
|
12년 전 | 1745 | |
| 6401 |
프로프리랜서
|
12년 전 | 1148 | |
| 6400 |
프로프리랜서
|
12년 전 | 1477 | |
| 6399 |
프로프리랜서
|
12년 전 | 1194 | |
| 6398 |
프로프리랜서
|
12년 전 | 1500 | |
| 6397 |
프로프리랜서
|
12년 전 | 3610 | |
| 6396 | 12년 전 | 1884 | ||
| 6395 | 12년 전 | 927 | ||
| 6394 |
신현종실장 |
12년 전 | 5244 | |
| 6393 |
제이티37
|
12년 전 | 1208 | |
| 6392 |
songsinica
|
12년 전 | 1219 | |
| 6391 |
 카카오툴즈 |
12년 전 | 3401 | |
| 6390 |
 cshop2 |
12년 전 | 1633 | |
| 6389 | 12년 전 | 4863 | ||
| 6388 |
스누피사랑
|
12년 전 | 5437 | |
| 6387 | 12년 전 | 1843 | ||
| 6386 | 12년 전 | 3069 | ||
| 6385 |
희망과열정
|
12년 전 | 931 | |
| 6384 | 12년 전 | 3301 | ||
| 6383 | 12년 전 | 10606 | ||
| 6382 |
신현종실장 |
12년 전 | 5796 | |
| 6381 |
SugarSkull
|
12년 전 | 1036 | |
| 6380 | 12년 전 | 786 | ||
| 6379 |
 hy미디어 |
12년 전 | 1992 | |
| 6378 | 12년 전 | 1576 | ||
| 6377 | 12년 전 | 505 | ||
| 6376 |
후라보노보노
|
12년 전 | 1343 | |
| 6375 | 12년 전 | 2875 | ||
| 6374 | 12년 전 | 844 | ||
| 6373 | 12년 전 | 2377 | ||
| 6372 |
takumi22
|
12년 전 | 1246 | |
| 6371 |
개초보제이
|
12년 전 | 783 | |
| 6370 |
고급자가되고
|
12년 전 | 1467 | |
| 6369 | 12년 전 | 892 | ||
| 6368 | 12년 전 | 3190 | ||
| 6367 | 12년 전 | 1884 | ||
| 6366 | 12년 전 | 2887 | ||
| 6365 |
lilyosia
|
12년 전 | 1803 | |
| 6364 | 12년 전 | 1064 | ||
| 6363 | 12년 전 | 1600 | ||
| 6362 | 12년 전 | 2745 | ||
| 6361 | 12년 전 | 2570 | ||
| 6360 | 12년 전 | 1016 | ||
| 6359 | 12년 전 | 2106 | ||
| 6358 |
 gilynh |
12년 전 | 1795 | |
| 6357 |
에헤라디야자진방아를돌려라
|
12년 전 | 790 | |
| 6356 | 12년 전 | 2094 | ||
| 6355 | 12년 전 | 3798 | ||
| 6354 | 12년 전 | 3106 | ||
| 6353 | 12년 전 | 1555 | ||
| 6352 | 12년 전 | 7775 | ||
| 6351 | 12년 전 | 2543 | ||
| 6350 | 12년 전 | 2803 | ||
| 6349 | 12년 전 | 1888 | ||
| 6348 | 12년 전 | 3556 | ||
| 6347 | 12년 전 | 1454 | ||
| 6346 | 12년 전 | 1201 | ||
| 6345 | 12년 전 | 1842 | ||
| 6344 | 12년 전 | 1421 | ||
| 6343 |
프로프리랜서
|
12년 전 | 2063 | |
| 6342 |
프로프리랜서
|
12년 전 | 1391 | |
| 6341 |
프로프리랜서
|
12년 전 | 1822 | |
| 6340 |
프로프리랜서
|
12년 전 | 1912 | |
| 6339 |
프로프리랜서
|
12년 전 | 1357 | |
| 6338 |
프로프리랜서
|
12년 전 | 1620 | |
| 6337 | 12년 전 | 5284 | ||
| 6336 |
프로프리랜서
|
12년 전 | 1640 | |
| 6335 |
프로프리랜서
|
12년 전 | 956 | |
| 6334 |
프로프리랜서
|
12년 전 | 1338 | |
| 6333 |
프로프리랜서
|
12년 전 | 2447 | |
| 6332 | 12년 전 | 1104 | ||
| 6331 |
돗단배123
|
12년 전 | 1426 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기