1. 모달팝업 var memo = ['이미지 내용1','이미지 내용2','이미지 내용3','이미지 내용4']; $('클릭할 a태그').click(function(e){ e.preventDefault(); var ind = $(this).index('클릭할 a태그'); // 이미지 갯수 번호 뽑아내기 $('a태그 클릭시 뒷배경을 반투명하게 가려줄 태그').fadeIn('fast'); $('a태그 클릭시 뜨는 팝업창 태그').fadeIn('slow'); $('이미지').attr('src','바꿔줄 이미지 경로'+(ind+1)+'.jpg'); $('이미지 설명').text(memo[ind]); }); $('선택자').click(function(e){ e.preventDefault(); $('a태그 클릭시 뒷배..

2가지 스타일의 마크업 1. //position으로 tab menu 위치 잡아주기 // 내용 //position으로 tab menu 위치 잡아주기 // 내용 //position으로 tab menu 위치 잡아주기 // 내용 2. h3*3>a // tab 메뉴 부분 // 탭 메뉴별 내용 // 탭 메뉴별 내용 // 탭 메뉴별 내용 script 예시 대관절차 STEP 01 신청 신세계 문화홀은 수시 대관을 원칙으로 하고 있습니다. 유선 협의 후 대관 신청서와 공연 계획서를 이메일로 제출하여 주시기바랍니다. STEP 02 심사 문화홀 대관 기준에 의거하여 대관의 가부를 결정하게 됩니다. STEP 03 승인자 통보 심사 후, 대관 승인이 결정되면 개별통보 해드립니다. STEP 04 계약 약정된 일정 안에 계약을 체..

인덱스 번호 빼기 1. $(선택자).each(function(index){ $(this).click(function(e){ console.log(index); }); 2. $(선택자).click(function(){ var index = $(this).index('선택자'); //선택자 갯수 숫자 ex) 0 1 2 3 ... })

1.nav 2.carousel fade style slide style index 페이지 main ani Stop

1. 이벤트 연결 $(선택자).bind('이벤트','function(){}') => $(선택자).on('이벤트','function(){}') 으로 변경됨 $(선택자).bind(eventName, function(event){ }) $(선택자).이벤트(function(){}) $(선택자).bind(object) 기타 $(선택자).toggle(function(){//홀수번째 계산},function()}{//짝수번째 계산}); $(선택자).toggle(function(){},function(){},function(){},function(){}.....) 여러개 사용가능 , 배수 처리 $(선택자).hover(function(){//마우스엔터;},function(){//마우스리브}); ex) 1. Header-0..

Angular React Vue Fluter ~