jQuery 예제 모음

시삽: 레드플러스 님 
게시판 이동:
 제목 : jQuery Mobile - Page 만들기
글번호: 9
작성자: Administrator ( 레드플러스 / redplus@live.com )
작성일: 2012/05/21 오후 2:15:41
조회수: 5926
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="utf-8" />
    <title>jQuery Mobile 페이지</title>
    <meta content="width=device-width" name="viewport" />
    <link href="../Content/jquery.mobile-1.1.0.min.css" rel="stylesheet" type="text/css" />
    <script src="../Scripts/jquery-1.6.4.min.js" type="text/javascript"></script>
    <script src="../Scripts/jquery.mobile-1.1.0.min.js" type="text/javascript"></script>
</head>
<body>
    <!-- 첫번재 페이지 -->
    <div id="thePage1" data-role="page">
        <header data-role="header">
            <h1>안녕하세요.</h1>
        </header>
        <div data-role="content">
            <p>여기는 첫번째 페이지입니다.</p>
            <p>
                <a href="#thePage2">두번째 페이지로.</a>
            </p>
        </div>
        <footer data-role="footer">
            <p>처음</p>
        </footer>
    </div>
    <!-- 두번재 페이지 -->
    <div id="thePage2" data-role="page">
        <header data-role="header">
            <h1>반갑습니다.</h1>
        </header>
        <div data-role="content">
            <p>여기는 두번째 페이지입니다.</p>
            <p>
                <a href="#thePage1">첫번째 페이지로.</a>
            </p>
        </div>
        <footer data-role="footer">
            <p>마지막</p>
        </footer>
    </div>
</body>
</html>
 
이전 글   다음 글 삭제 수정 답변 글쓰기 리스트


관련 아티클 리스트
  제       목 파일 작성자 작성일 조회
이전글 Opera Mobile Emulator : 모바일 웹사이트 테스트 툴 - Administrator 2012-08-23 7541
현재글 jQuery Mobile - Page 만들기 - Administrator 2012-05-21 5926
다음글 jQuery Mobile - 처음으로 작성해 보는 jQuery Mobile 웹 페이지 - Administrator 2012-05-16 5423
 
손님 사용자 Anonymous (손님)
로그인 Home