1) 구형 스마트폰
갤s 480*800
갤2 480*800
아이폰3 320*480

2) 최근 스마트폰
갤놋1 800*1280
갤놋2 720*1280
갤3 720*1280
옵뷰1 768*1024
옵뷰2 768*1024
옵g 768*1280
베가R3 720*1280
아이폰4 640*960
아이폰5 640*1136

3) 태블릿
아이패드 시리즈 768*1024
갤탭7 600*1024
갤탭7.7 800*1280
갤탭10.1 800*1280

'HTML5/CSS3' 카테고리의 다른 글

select box 디자인 화살표적용 css  (1) 2015.11.12
버튼 width 50%  (0) 2015.06.25
table 없이 table cell 코딩하기  (0) 2015.06.25
말줄임 ellipsis  (0) 2015.06.25
HTML5 시작전 챙겨야할 것들  (0) 2012.09.13
Datepicker 옵션 jQuery 2013. 1. 16. 13:32
 $(".datepicker").datepicker({
  showOn: "both", // 버튼과 텍스트 필드 모두 캘린더를 보여준다.
  buttonImage: "/application/db/jquery/images/calendar.gif", // 버튼 이미지
  buttonImageOnly: true, // 버튼에 있는 이미지만 표시한다.
  changeMonth: true, // 월을 바꿀수 있는 셀렉트 박스를 표시한다.
  changeYear: true, // 년을 바꿀 수 있는 셀렉트 박스를 표시한다.
  minDate: '-100y', // 현재날짜로부터 100년이전까지 년을 표시한다.
  nextText: '다음 달', // next 아이콘의 툴팁.
  prevText: '이전 달', // prev 아이콘의 툴팁.
  numberOfMonths: [1,1], // 한번에 얼마나 많은 월을 표시할것인가. [2,3] 일 경우, 2(행) x 3(열) = 6개의 월을 표시한다.
  //stepMonths: 3, // next, prev 버튼을 클릭했을때 얼마나 많은 월을 이동하여 표시하는가. 
  yearRange: 'c-100:c+10', // 년도 선택 셀렉트박스를 현재 년도에서 이전, 이후로 얼마의 범위를 표시할것인가.
  showButtonPanel: true, // 캘린더 하단에 버튼 패널을 표시한다. 
  currentText: '오늘 날짜' , // 오늘 날짜로 이동하는 버튼 패널
  closeText: '닫기',  // 닫기 버튼 패널
  dateFormat: "yy-mm-dd", // 텍스트 필드에 입력되는 날짜 형식.
  showAnim: "slide", //애니메이션을 적용한다.
  showMonthAfterYear: true , // 월, 년순의 셀렉트 박스를 년,월 순으로 바꿔준다. 
  dayNamesMin: ['월', '화', '수', '목', '금', '토', '일'], // 요일의 한글 형식.
  monthNamesShort: ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'] // 월의 한글 형식.
 });

'jQuery' 카테고리의 다른 글

iframe에서 부모 element에 접근하기  (0) 2016.05.12
z-index ie7에서 엘리먼트에 가려질 때  (0) 2013.05.08
동적으로 li 추가, 삭제하기  (0) 2012.10.18
checkbox 체크여부 확인  (0) 2012.10.16
위로가기 버튼  (0) 2012.09.12

<script type="text/javascript"> $(function(){     $(document).ready(function(){ //탑승자정보입력 삭제 $("#formList>li>#btnDelete").live("click", function(){ $(this).parent().remove(); return false; }); //탑승자정보입력 추가 (마지막 li 복사해서 마지막에 추가) $("#btnAdd").live("click", function(){ var newRow = $("#formList>li:last").clone(); newRow.insertAfter($("#formList>li:last")); return false; });     }); }); </script> <ul id="formList" class="form_list">     <li>내용<a href="#" id="btnDelete" class="btn btn_del">삭제</a></li>     <li>내용<a href="#" id="btnDelete" class="btn btn_del">삭제</a></li>     <li>내용<a href="#" id="btnDelete" class="btn btn_del">삭제</a></li>

</ul> <ul class="form_list">     <li><a href="#" id="btnAdd" class="btn btn_add">추가</a></li> </ul>

jQuery로 테이블 tr 동적으로 추가, 삭제하기 :  http://stove99.tistory.com/92

'jQuery' 카테고리의 다른 글

z-index ie7에서 엘리먼트에 가려질 때  (0) 2013.05.08
Datepicker 옵션  (0) 2013.01.16
checkbox 체크여부 확인  (0) 2012.10.16
위로가기 버튼  (0) 2012.09.12
Scroll Fix  (0) 2012.09.12