$(function(){ $("#top_btn .scroll-top").on("click",function(e){ e.preventDefault(); $("html, body").animate({scrollTop:0}, 100); return false; }); $("#top_btn .scroll-center").on("click",function(e){ e.preventDefault(); var middle_pos = $("body").offset().top - ( $(window).height() - $("body").outerHeight(true) ) / 2; $("html, body").animate({scrollTop:middle_pos}, 100); return false; }); $("#to..

jQuery란, JavaScript의 코딩을 강력하게 지원하는 라이브러리입니다. 제이쿼리 최신 파일 다운 로드 http://jquery.com/download/ Google Ajax API CDN (Also supports SSL via HTTPS) http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js Google Ajax CDN Documentation Microsoft CDN (Also supports SSL via HTTPS) http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js Ajax CDN Announcement, Microsoft Ajax CDN Documentation jQuery..

var src = 'http://1.bp.blogspot.com/AAAAAAAAAIk/s1600/LoiLo_01.jpg', src_arr = src.split('/'); //split 함수를 이용하여 '/'라는 문자를 기준으로 문자열을 분리함 result = bbb[0]+'/'+bbb[1]+'/'+bbb[2]+'/'+bbb[3]+'/'+bbb[4]+'/'+bbb[5];

HTML 본문 내용... Scroll to cont JS jQuery(document).ready(function($){ $(".scroll").click(function(event){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top}, 500); //offset()함수로 위치를 찾음 }); });

dropdown을 trigger하는 클릭 이벤트를 사용할 때 모바일에서 가장 많이 쓰는 방법 중 사용자가 해당 영역의 외부를 클릭하여 닫는 방법에 대해 알아보겠습니다. 클릭 이벤트에 대한 영역을 이해하면 꽤 간단하게 해결할 수 있습니다. JS $('#trigger').click(function(event){ event.stopPropagation(); $('#drop').toggle(); }); $(document).click(function(){ $('#drop').hide(); }); stopPropagation()의 사용으로 toggle() 이벤트 실행 시 document 클릭 이벤트에 도달하지 않도록 함