내가 보려고 정리하는 블로그

먼저 html내에 외부링크를 추가하여 해당링크의 소스를 불러와 슬라이더를 적용 시킨다. 그 이후 스크립트 부분도 추가해야 한다. 그리고 스크립트 부분에 몇가지 옵션을 추가한다. $(document).ready(function(){ $(.'bxsilder').bxSlider({ auto : true, //자동으로 애니메이션 시작 speed : 500, //애니메이션 속도 pause : 5000, //애니메이션 유지시간(1000 = 1초) mode : 'horizontal', //슬라이드 모드('fade','horizontal',vertcal' 이 있음) autoControls : true , //시작 및 중지버튼이 보여짐 pager : true , //페이지표시 보여짐 captions : true // 이..

jquery UI 공식사이트인 https://jqueryui.com 에서 모든 Example과 API문서가 있다. 기본 설정 Jquery UI를 사용하는데 필요한 js파일과 css파일을 선언 script src="https://code.jquery.com/jquery-1.12.4.js"> input객체를 datepicker로 선언 script단의 datepicker를 사용하겠다는 선언 $("#datepicker").datepicker(); 을 이용하여 기본적인 datepicker UI를 불러올 수 있다. --datepicker옵션추가-- script 단에 datepicker의 옵션을 추가하게 되면 여러가지 기능을 가진 datepicker UI를 사용할 수 있다. 프로젝트 내의 모든 datepicker에 ..

//$(선택자 요소).css({'속성명':'속성값'}); jquery002_selector $(document).ready(function(){ //$(선택자 요소).css({'속성명':'속성값'}); //전체속성에 스타일 적용 $('*').css({'margin':'0','padding':'0', 'border-size':'0'}); //태그명에 스타일 적용 $('div').css({'background-color':'green', 'width':'200px' , 'height':'200px'}); //아이디 이름으로 스타일 적용 $('#line').css({'color':'blue'}) //클래스명으로 스타일 적용 $('.common').css({'border':'1px solid black'}); ..