공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
.animate - 딜레이와 움직임

animate 메서드를 보면 css의 움직임 요소, duration, easing, complete 가 있다. 이것들을 모두 적용해 보면 다음과 같다. 1 $(".img00_05").stop().delay(1000).animate({opacity:1,top:_posyArr[_activeNum][5]},_speed,"easeOutExpo",function(){_isPlay = false;}); 딜레이 : delay(1000) easing : "easeOutExpo", "easeOutElastic" 등... easing 속성은 jQuery Easing Plugin (version 1.3)를 다운(jquery.easing.1.3.js 파일첨부) 받아야 하며, 해서 쓰게된다. http://gsgd.co.uk/s..
■ 프론트엔드 ■/jQuery 2013. 10. 13. 23:03
.animate - 움직이기

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 $("#image").animate({opacity:0},0); $("#image").animate({opacity:1},600); $( "#go2" ).click(function(){ $( "#block2" ).animate({ width: "90%" }, 1000 ) .animate({ fontSize: "24px" }, 1000 ) .animate({ borderLeftWidth: "15px" }, 1000 ); }); $( "#go" ).click(function(){ $( ".block:first" ).animate({ left: 100 }, { duration: 1000, step: function( now,..
■ 프론트엔드 ■/jQuery 2013. 10. 13. 22:46
id, class, style - 속성제어 3가지방법

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 1_1. $("#i..
■ 프론트엔드 ■/jQuery 2013. 10. 13. 22:27
1