jquery 스크롤바 커스텀 https://codepen.io/gamza/pen/VbEOYv --------------------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------------------- #wrap{ width:330px; height:600px; margin:50px auto; overflow:hidden;}#content{ position:relative; height:600px; width:300px; float:left;}#.. 더보기 제이쿼리 플러그인[펌] 제이쿼리 플러그인 [IT]자바스크립트 / IT관련포스트 2009.12.16. 15:01 http://blog.naver.com/sjrmwlq1/130075931807 번역하기 전용뷰어 보기 편집하기 http://www.jquery.com/ http://jqueryui.com/home FUll Size Images Viewer - 간단한 제품사진보기, 이미지 갤러니 Thumb Nail 이미지 보기에 사용하면 제격 - http://www.addfullsize.com/ Ajax Scroll - 이미지 계속 스크롤시 한번에 불러오기 힘든경우. 이기능을 이용하여 이미지 스크롤하면 좋을것 같음 - http://blog.yctin.com/archives/jquery-plugins-ajaxscroll Galleria .. 더보기 jQuery mouseenter 이벤트 / jQuery mouseout이벤트 $("#이벤트객체").mouseenter(function(){ 마우스 오버시 실행됨. mouseover와 달리 자식영역에 들어가면 감지 되지 않음. } $("#이벤트객체").mouseleave (function(){ 마우스 아웃시 실행됨...mouseout과 달리 자식영역에서 마우스가 빠져 나갈시 감지하지 않는다. } 더보기 $ 기호의 다른 사용법? $심볼은 자바스크립트의 변수와 함수 이름에 허용된다. url = $('mylink').href; 몇몇 기업체의 프로그래머는 자바스크립트에서 자주 사용되는 함수를 위와같이 사용하기로 결정했다. jQuery 생각나는데.... 더보기 개인적인 자바스크립트 (javascript) 유의점 세미클론( ; ) 과 새로운 줄이 똑같이 동작한다. 한줄에 하나 이상의 문장을 배치하려면 x += 10; y -= 5; z = 0 이런식으로 사용 . 변수는 대소문자를 구분한다. Count 와 count, COUNT 는 모두 다른 변수이다.변수 이름의 첫번째 문자는 a-z , A-Z, $ , _ 를 사용할 수 있고 숫자는 허용되지 않는다. var greeting = "Hello there" ;var warning = 'Be careful' ; 문자열 변수는 작은 따옴표나 큰 따옴표를 사용할 수 있다. 큰 따옴표 안에 작은 따옴표를 사용하려면 greeting = " \"Hello there\" is a greeitng " 같이 역슬레시 이스케이프 문자를 사용한다. 산술 연산자 증가 ++j감소 --j 비교 .. 더보기 자바스크립트 엘리먼트 선택하기 - getElementById : id 속성값을 참조하여 지정된 값과 같은 id를 가진 요소를 선택 ( - getElementByTagName : 지정된 태그 이름과 같은 요소들을 선택, 태그는 html구조 안에서 여러번 사용될 수 있으므로 배열이다.- getElementsByClassName : 지정된 class 값을 참조하여 지정된 값과 같은 클래스를 가진 요소를 선택함. 클래스 역시 html 구조 안에서 여러번 사용될 수 있으므로 선택된 결과는 배열임. 더보기 css 속성 정리 padding padding-toppadding-rightpadding-bottompadding-left borderborder-topborder-rightborder-bottomborder-left displaydisplay : nonedisplay : block (블록형태로 표시)display : inline-block(인라인 블록 형태로 표시)display : inline(인라인 형태 표시) visiblility - 선택된 요소의 가시성visiblility : visible(표시함)visiblility : hidden(숨김) display:none 와 visibility:hidden이 모두 화면상에서 선택된 요소를 숨기지만 visibility는 요소가 있던 자리를 그대로 차지합니다. display는.. 더보기 제이쿼리 offset() 과 position() - offset() : 도큐먼트 기준으로 절대좌표 값을 리턴값으로 준다.- position() : 부모기준의 상대좌표 값을 리턴해 준다. 더보기 ajax() $(document).ready(function(){$.ajax({url:'data/data.json',type:'get',dataType:'json',async:false, // false가 동기식error:function(){console.log("데이터 불러오기 실패");},success:function(data){$('body').append("데이터 전송 완료");} }); // 동기식 : 데이터 로드가 완료된후 그 이하 코드 실행// 비동기식 : 데이터 로드가 완료되지 않아도 그 이하 코드 실행... 더보기 정리 note var box = $('#wrapper #box'); var showBtn = control.find('> input:eq(0)'); var hideBtn = control.find('> input:eq(1)'); var toggleBtn = control.find('> input'); var bigBtn = $('#controller > .big');var smallBtn = $('#controller > .small');var leftBtn = $('#controller > .left'); var rightBtn = $('#controller > .right'); banner.eq(current); banner.size() // banner.length() #thumbnail .container { .. 더보기 이전 1 2 3 4 다음