IT IT

제이쿼리 ANIMATE

• Jquery[제이쿼리] animate()메서드 배우기

  자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 11. 30. 22:20

  안녕하세요~ 제이쿼리공장장 주니주니 입니다. 오늘은 제이쿼리[jquery] animate()메서드를 배워보겠습니다. 이렇게 준비해보았습니다.!^ㅡ^/ 그림파일 경로는 이렇게 되어있습니다. 실행화면입니다. 그림은 아무거나 맘에드시는걸로 하시면된답니다. =============================== $('.img1').on("click",function(){ $('.img1').animate({"width":"200px","height":"50px"}).animate({"height":"200px"}); }); =============================== class img1가 click되면

  Read More
• Jquery[제이쿼리] on()+offset()+animate()로 스크롤 스르륵 이동하기

  자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 11. 25. 00:15

  안녕하세요~ 주니주니 입니다. 오늘은 제이쿼리[jquery] on()+offset()+animate()로 메뉴에 해당하는 위치로 스크롤을 스르륵 이동하도록 해보겠습니다. 오늘은 먼가 준비할게 많네요 ㅠ_ㅠ

  Read More
• Jquery[제이쿼리] CSS+CLICK+ANIMATE로 글자/이미지 크기수정하기

  자바스크립트[JavaScript]/제이쿼리[Jquery] 2016. 11. 12. 00:01

  안녕하세요~ 주니주니 입니다. 오늘은 제이쿼리[jquery] CSS+CLICK+ANIMATE로 글자/이미지 크기수정을 해보겠습니다. 그럼 하기전에 셋팅을해볼까요~ 이번에는 버튼을 만들어 봤습니당. 이렇게 나온답니다. 자 출발해볼까요~ =============================== $('.but1').click(function(){ var font_size = $('label').css('font-size'); $('label').css('font-size',parseInt(font_size)+2); }); =============================== class이름이 but1인 '글자야 커저랏!'

  Read More