본문 바로가기
반응형

IT102

[jquery] jquery 이벤트 등록 메서드3 (mouse) mouseover() / mouseout() / hover() mouseover() 는 선택한 요소에 마우스 포인터를 올릴 때 마다 이벤트를 발생시킵니다. mouseout() 는 선택한 요소에서 마우스 포인터가 벗어날 때마다 이벤트를 발생시킵니다. hover() 는 선택한 요소에 마우스 포인터가 올라갈 때와 선택요소에서 벗어날 때 각각 이벤트를 발생시킵니다. mouseover - 기본형 1. mouseover 이벤트 등록 $("이벤트 대상 선택").mouseover(function() {자바스크립트 코드;}); $("이벤트 대상 선택").on("mouseover",function(){자바스크립트 코드;}); 2. mouseover 이벤트 강제 발생 $("이벤트 대상 선택").mouseover(); mou.. 2020. 3. 15.
[script] 탭메뉴 jQuery(function($){ $('.tabcontent > div').hide(); $('.tabnav a').click(function () { $('.tabcontent > div').hide().filter(this.hash).fadeIn(); $('.tabnav a').removeClass('active'); $(this).addClass('active'); return false; }).filter(':eq(0)').click(); }); 탭메뉴1 탭메뉴2 탭메뉴 스크립트 tab01 탭메뉴 스크립트 tab01 [2010-04-29] [2010-03-20]한국 근현대사 [2010-11-12]세계사 - 동양편 [2010-04-21]세계사 - 서양편 탭메뉴 스크립트 tab0 탭메뉴 스크립트 t.. 2020. 3. 13.
콕스 엠프리스 무접점 키보드 요즘에 급 키보드에 관심이 생겨서 (요즘 주변 사람들이 다들 좋은 키보드를 쓰는 분위기(?)여서 왠지 나도 좋은키보드를 쓰고싶어졌다.) 이것저것 알아보고 키보드에 종류가 이렇게 많은건지 처음알았다. 소리가 제일 큰 청축부터, 적축, 녹축, 갈축, 황축, 은축?! 까지... 이 축도 스위치 색마다 붙은 이름이라고 하는데 종류가 왜이렇게 많은건지!!! 콕스 사이트에서 본 각각의 축에 대한 설명과 특징. 그중에 청축은 키보드 소리가 너무 커서 부담스러워서 청축 뿐만아니라 소리가 많이나는청축, 갈축, 황축 이런건 다 패스하고 저소음 적축, 무접점 키보드를 찾던 와중에 유투브에 올라온 엠프리스 타건 ASMR을 듣는데 소리가 너무 좋아서 이걸로 사야겠다 하고 꽃혔다. 내가 봤던 영상은 키보드 풀윤활한 상태였어가지고.. 2020. 3. 12.
[css] overflow-x:scroll 생성하기 html 에서 ul li가 여러번 반복되는데 너무 길어질것 같아서 li는 한번만 보이게 밑에 부분은 지웠어요~ 스크롤 안녕하세요 티스토리입니다. 10%1000원~ #new_item_wrap{position:relative; margin-top:-1.563em; width:800px; height:200px; padding:2.25em 0 4.153em 1em; border-radius:1.56em 1.56em 0 0; box-shadow:-2px -3px 5px 1px rgba(0,0,0,0.15); background:#c2f3dc; } .new_item_box{margin-top:1.438em; box-sizing:border-box; width: 100%; overflow: hidden; overf.. 2020. 3. 10.
[jquery] jquery 이벤트 등록 메서드2 로딩 이벤트 메서드 -> 사용자 브라우저 로딩이 완료되면 이벤트 핸들러를 실행합니다. ready() -> 사용자가 사이트를 방문할 때 요청한 html 문서객체의 로딩이 끝나면 이벤트를 발생시킵니다. lead() -> 외부에 연동된 소스(iframe, img, video)의 로딩이 끝나면 이벤트를 발생시킵니다. 로딩 이벤트 기본형 $(document).ready(function() {자바스크립트 코드;}); $(document).on("ready" , function() {자바스크립트 코드;}); $(document).load(function() {자바스크립트 코드;}); $(document).on("load" , function() {자바스크립트 코드;}); 이미지1의 높이값이 ready:0 / load.. 2020. 3. 5.
티스토리 구글 애드센스 한번에 승인 받았어요! 첫 티스토리를 개설한건 2019년 11월 24일이였다. 블로그 자체를 완전 처음 시작한건 아니였고 그 전에 네이버 블로그를 12년도 전후로 짧게 했었는데 그때당시 교환학생으로 중국에 가있을때 였어서 내가 교환학생으로있던 중국 대련에 있는 특정장소 찾아 가는방법, 대련맛집, 한국음식파는곳, 등등 학교에서 열심히 공부한게 아니고 맨날 중국음식 안맞아서 배 아프다고 뻥치고 땡땡이치고 여기저기 놀러다닌 덕분에 블로그에 올릴 글들이 굉장히 많았었다. 사실 중국음식도 누구보다 잘먹어서 맛집 포스팅도 많이 했었다 ㅋㅋㅋ 지금은 다 삭제해버렸지만... (아마 꽤나 오랫동안 오늘 방문자수 0이였을듯한 내 네이버 블로그...인증샷) 1년동안 대련 생활 관련된 주요 키워드로 약 200개 포스팅 했으니 정말 이것저것 많이 올.. 2020. 2. 29.
[jquery] jquery 이벤트 등록 메서드 이벤트 등록 메서드란 -> 이벤트가 발생했을 때 실행되는 코드를 말합니다. 이벤트 등록 메서드의 종류 구분 종류 설명 로딩 이벤트 load() 선택한 이미지 또는 프레임 요소에 연동된 소스의 로딩이 완료 된 후 이벤트가 발생 ready() 지정한 HTML 문서 객체의 로딩이 완료된 후 이벤트가 발생 error() 이벤트 대산 요소에서 오류가 발생하면 이벤트가 발생 마우스 이벤트 click() 선택한 요소를 클릭했을 때 이벤트 발생 dbclick() 선택한 요소를 연속해서 두 번 클릭했을 때 이벤트 발생 mouseout() 선택 요소의 영역에서 마우스 포인터가 벗어났을 때 이벤트가 발생(하위요소의 영향) mousehover() 선택 요소의 영역에 마우스 포인터 올렸을 때 이벤트 발생 hover() 선택한 .. 2020. 2. 12.
[jquery] jquery 객체편집 메서드2 replaceAll( ) / replaceWith( ) 메서드 replaceAll( ) 메서드와 replaceWith( ) 메서드는 선택한 요소를 새 요소로 바꿀 때 사용합니다. $("새 요소").reaplceAll("요소 선택"); $("요쇼 선택").replaceWith("새 요소"); $(function(){ $("h2").replaceWith("replace method") $("내용 -> change").replaceAll("div"); }); 박스 제목1 내용1 내용2 박스 제목2 내용3 내용4 -> 태그에 repaceWith( ) 함수로 태그와 내용을 바꾸고 -> 태그에는 replaceAll( ) 함수로 태그와 내용을 변경합니다. unwrap( ) / wrap( ) / wrapAll( ) /.. 2020. 2. 11.
[jquery] jquery 객체 편집 메서드 종류 사용법 설명 before() $("요소 선택").before("새 요소"); 선택 요소 이전 위치에 새 요소 추가. after() $("요소 선택").after("새 요소"); 선택 요소 다음 위치에 새 요소 추가. append() $("요소 선택").append("새 요소"); 선택 요소 마지막 위치에 새 요소 추가. appendTo() $("새 요소").appendTo("요소 선택"); 선택 요소 마지막 위치에 새 요소 추가. prepend() $("요소 선택").prepend("새 요소"); 선택 요소 맨 앞에 새 요소 추가. prependTo() $("새 요소").prependTo("요소 선택"); 선택 요소 맨 앞 위치에 새 요소 추가. insertBefore() $("새 요소").inse.. 2020. 2. 10.
반응형

티스토리툴바