728x90 300x250 SMALL 분류 전체보기1127 탭메뉴 함수로 만들기 탭메뉴 html 첫 번째 탭메뉴 google facebook pinterest twitter airbnb path 두 번째 탭메뉴 google facebook pinterest twitter airbnb path 1_함수를 사용하지 않은 탭메뉴 첫번째와 두번째 탭메뉴의 처리 방법은 같지만 함수를 사용하지 않을경우 중복되서 다시 코드를 넣어줘야 하고 3번째 4번재도 마찬가지로 같은 코드를 여러번 사용해야 한다. step_01 중복된 코드 함수 만들기 $(document).ready(function(){ tabMenu(); //tebMenu함수호출 }); function tabMenu(){ //중복되는 코드 tabMenu 함수로 묶어준다. var $selectMenuItem =null; $("#tabMenu.. 2019. 6. 26. 이미지 갤러리 독립적인 함수 만들기 https://moo-you.tistory.com/122?category=310832 이미지 갤러리 함수만들기 예제 이미지 배열 시작 위치는 100*100 위치로 시작시 이미지를 2열 200*200 크기로 출력 시작버튼 클릭 시 이미지를 3열 150*150크기로 출력 함수를 이용해 최대한 유지보수하기 쉽게 만들기 저번에 했던 이미지 갤러리 함수는 갤러리 함수 내부에서 images변수를 사용하기 때문에 이외의 이미지를 독립적으로 사용할수 없다. 그래서 이번에는 원하는 이미지 그룹을 선택해서 독립적으로 사용할수 있고 이미지 정보를 매개변수로 만들어서 넘기는 갤러리를 만들어보자 기존코드 이미지를 찾아서 images 변수에 넣고 이미재 개수를 구한다음 이미지 개수만큼 반복문 실행 이미지를 차례로 img 변수에 .. 2019. 6. 25. 나눔바른고딕 적용하기 https://github.com/zkyz/NanumBarunGothic-webfont zkyz/NanumBarunGothic-webfont NanumBarunGothic Web Fonts. Contribute to zkyz/NanumBarunGothic-webfont development by creating an account on GitHub. github.com 2019. 5. 13. 이미지 갤러리 함수만들기 예제 이미지 배열 시작 위치는 100*100 위치로 시작시 이미지를 2열 200*200 크기로 출력 시작버튼 클릭 시 이미지를 3열 150*150크기로 출력 함수를 이용해 최대한 유지보수하기 쉽게 만들기 $(document).ready(function() { // 이미지 찾기. var $images = $("#container1 img"); $("#btnStart").click(function(){ // 이미지 개수 구하기. var length = $images.length; // 이미지 배열하기. for (var i = 0; i < length; i++) { // n번째 이미지 구하기 var $img = $images.eq(i); // 위치 값 구하기 var x = 100 + ((i % 3) * 200); .. 2019. 4. 22. 이전 1 ··· 249 250 251 252 253 254 255 ··· 282 다음 728x90 반응형 LIST