본문 바로가기

먹고살거/JS(Jquery)

 (25)
JQUERY 공부하기 1탄! 제이쿼리를 공부하려면 일단 쓸줄알아야지 ㅎㅎㅎ 일단 jquery-1.5.2.min.js 다운받기! -> http://code.jquery.com/jquery-1.5.2.min.js 공부하는 순서는 1.제이쿼리가 페이지가 열리고 경고창 띄우기 2.제이쿼리로 태그의 스타일을 적용해보자 3.제이쿼리를 이용하여 레이어 팝업을 띄워보자 4.제이쿼리를 이용하여 2뎁스 메뉴를 만들어보자 5.제이쿼리를 이용하여 3뎁스 메뉴를 만들어보자 파일을 보면 코드를 쓴 방식이 나옴 제이쿼리는 페이지가 모두 로딩이 되고 실행이 되야하기에! jQuery(document).ready(function(){ //여기에 원하는 제이쿼리를 쓰면 되지요 }); $(document).ready(function(){ //여기에 원하는 제이쿼리를 ..
팝업창 닫기 JAVASCRIPT HTML 닫기
탭메뉴 HTML      공지사항                 공지사항 리스트입니다.         공지사항 리스트입니다.         공지사항 리스트입니다.         공지사항 리스트입니다.         공지사항 리스트입니다.                  보도자료                 보도자료 리스트입니다.         보도자료 리스트입니다.         보도자료 리스트입니다.         보도자료 리스트입니다.         보도자료 리스트입니다.                  이벤트                 이벤트 리스트입니다.         이벤트 리스트입니다.         이벤트 리스트입니다.         이벤트 리스트입니다.         이벤트 리스트입니다.       ..
접근성을 해치지 않는 팝업 열기 HTML a href="#" onclick="openPopup('popup_print', this.href, '20','20','740','650','0','0','0','1','0'); return false;">새 창a>JSfunction openPopup(name, url, left, top, width, height, toolbar, menubar, statusbar, scrollbar, resizable) { var objPopup; toolbar_str  =  toolbar  ? 'yes' : 'no';  menubar_str  =  menubar  ? 'yes' : 'no';  statusbar_str =  statusbar   ? 'yes' : 'no';  scrollbar_str =  s..
이미지 갤러리 HTML CSS #gallery p {float:left; border:6px solid #333333; padding:5px} #gallery ul {clear:both; padding:10px 0 0 0} #gallery ul li {float:left; margin:0 4px 0 0; border:4px solid #333333} #gallery ul li.on {border:4px solid #FF3300} JQUERY jQuery(function($){ var imgThumb = $("#gallery ul li"); //썸네일 리스트를 변수로 저장 $("#gallery ul li:eq(0)").addClass("on"); //리스트 중 첫번째에 on 클래스 부여 //alert(thumbLengt..

티스토리툴바