jQueryMobile | Jquery Mobile Tutorial

키워드 : 제이쿼리모바일,jquerymolibe,jquery,mobile

무료아이콘 전체게시물 작성일16-04-04 09:00 조회1,711회

본문

Jauery Mobile Tutorial

 

책 읽다가 막히는게 있어서 ㅋㅋ

네이버 검색중에 배우지 않는 panel에 대해서 지식인 질문 올라와있는 걸

걍 읽어보다가 질문에 답을 찾게 된 ㅋㅋㅋ 그래서 메모겸 올려둬요

 

Jauery Mobile Tutorial 설명 잘 되어있네요 굳굳

 

 

네이버 지식인에 올라온 질문 주소는 링크#2에 주소 올려뒀어요

 

 

답변에 달린 질문자에 대한 해답

8ba9f3abe9b2564ee46318d3902377c8_1459727

 

좌측 버튼을 클릭하면

좌측에서 박스가 나옴


8ba9f3abe9b2564ee46318d3902377c8_1459727

 

 

이렇게 메뉴박스가...


8ba9f3abe9b2564ee46318d3902377c8_1459727

 

 

우측에 아이콘을 클릭하면

우측에 저렇게 메뉴가 나오게~~


8ba9f3abe9b2564ee46318d3902377c8_1459727

 

 

우측 버튼을 누르면

우측에 내용이~


8ba9f3abe9b2564ee46318d3902377c8_1459727 

 

<!DOCTYPE html>
  </html>
  <head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
  <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
  <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
  </head>

 


 <body>
  <div data-role="page" id="pageone">

    <div data-role="panel" id="overlayPanel" data-position="left" data-display="overlay">
      <h2>메뉴</h2>
      <a href="#pageone" data-rel="close" class="ui-btn ui-btn-inline ui-shadow ui-corner-all ui-btn-a ui-icon-delete ui-btn-icon-left">닫기</a>
    </div>

 <div data-role="panel" id="overlayPanel2" data-position="right" data-display="overlay">
      <h2>메뉴</h2>
      <a href="#pageone" data-rel="close" class="ui-btn ui-btn-inline ui-shadow ui-corner-all ui-btn-a ui-icon-delete ui-btn-icon-left">닫기</a>
    </div>

    <div data-role="header">
      <h1>Welcome To My Homepage</h1>
    </div>
    <div data-role="main" class="ui-content">
      <div style="float:left"><a href="#overlayPanel"class="ui-btn ui-corner-all ui-icon-bars ui-btn-icon-notext" data-position="right">Overlay Panel</a></div>
      <div style="float:right"><a href="#overlayPanel2"class="ui-btn ui-corner-all ui-icon-bars ui-btn-icon-notext" data-position="right">Overlay Panel</a></div>
      <p style="clear:both">본문내용</p>
    </div>
    <div data-role="footer">
      <h1>Page Footer</h1>
    </div>
  </div>
  </body>
  </html>​ 

비회원도 추천 가능합니다.
유익한 정보였다면, 추천해주세요

추천 1 비추천 0

Css + Html

113개의 게시물
목록
읽기: 1P (1lv), 쓰기: 100P (3lv), 덧글: 10P (2lv), 다운: -10P (2lv)
Css + Html 목록
번호 제목 아이디 날짜 조회수 추천
113 부트스트랩 부트스트랩 모달 (modal) 클릭시 오른쪽에 생기는 여백 17px없애기 무료아이콘 전체게시물 10-12 233 추천: 1
112 css 에어콘 출판사 메인 콘텐츠 레이아웃 관련링크 무료아이콘 전체게시물 09-13 191 추천: 1
111 css float 중앙 정렬 시키기 무료아이콘 전체게시물 09-11 230 추천: 1
110 css 모바일에서 입력창 input 클릭시 확대되는 거 막기 관련링크 무료아이콘 전체게시물 09-04 191 추천: 1
109 jQuery/java 다양한 사이드바 소스 사이드바 플러그인 관련링크 무료아이콘 전체게시물 09-02 209 추천: 1
108 css 크롬 노란 input 배경 없애기 무료아이콘 전체게시물 08-27 272 추천: 1
107 css input에 입력폼에 글자 미리 넣어두기 무료아이콘 전체게시물 08-25 146 추천: 1
106 css 마진 여백 사용시 %넓이 깨지는 경우와 width100%밀림 깨짐 해결하기 무료아이콘 전체게시물 08-17 563 추천: 1
105 etc 브라우저 별 CSS 핵 관련링크 무료아이콘 전체게시물 08-09 188 추천: 1
104 css 목록(리스트)형식의 css에 텍스트 블릿 사용하기 무료아이콘 전체게시물 08-08 143 추천: 1
103 css 넓이 100%에 25%씩 4개값을 줬는데 줄바꿈 되는 경우 ㅠㅠ 댓글1 무료아이콘 전체게시물 07-17 276 추천: 1
102 부트스트랩 동영상 슬라이드 댓글2 관련링크 무료아이콘 전체게시물 01-20 1765 추천: 16
101 부트스트랩 다중,멀티 스타일시트 우선순위 무료아이콘 전체게시물 01-19 2127 추천: 15
100 부트스트랩 부트스트랩 nav 높이를 높였을 때 다른 div 와 겹치는 현상 무료아이콘 전체게시물 01-17 1361 추천: 14
99 부트스트랩 부트스트랩에 swiper로 네이버 터치 스크롤링 메뉴 만들기 인기글관련링크 무료아이콘 전체게시물 01-17 5108 추천: 15
게시물 검색