> 웹 프론트엔드 > H5 튜토리얼 > 【HTML5】 jQuery Mobile 初体验

【HTML5】 jQuery Mobile 初体验

WBOY
풀어 주다: 2016-05-17 09:09:02
원래의
1670명이 탐색했습니다.

jQuery Mobile v1.1.0上个月已经发布,由于好奇就学习了一下。jQuery Mobile是 jQuery 在手机和平板设备上的版本,用于创建针对智能手机和平板电脑的跨设备Web应用。jQuery的用户界面总设计师Todd Parker(jQuery之父)称,jQM旨在“为 jQuery 社区创建一个优雅的能够兼容当前所有主流移动平台的HTML5 UI库”。

jQuery mobile页面结构jQuery Mobile 应用了 HTML5 标准的特性,在结构化的页面中完整的页面结构分为 header、content、footer 这三个主要区域。 jQuery mobile站点的页面必须以HTML5的doctype开头,即 “”(不支持HTML5的浏览器会忽略这个标签)。

然后引入jQuery,jQuery mobile的javascript代码文件以及jquery mobile的css文件。



  1. ...

  2. ...

  3. ...

复制代码

下面是一个完整的单页面:

  1.   

  2.    
  3.     Page Title

  4.    

  5.    
  6.    
  7.    






  8.    

  9.         

    Page Title


  10.    


  •    
       
  •         

    Page content goes here.

            
  •    


  •    

  •         

    Page Footer


  •    




  • 复制代码



    体验网址:http://www.gofane.com/mobileSSQ/


    使用安卓手机,海豚浏览器感觉还可以。


    관련 라벨:
    ht
    원천:php.cn
    이전 기사:HTML5每日一练之Canvas标签的应用 다음 기사:html5游戏开发-零基础开发RPG游戏-开源讲座(三)-卷轴&对话实现 ... ...
    본 웹사이트의 성명
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
    저자별 최신 기사
    최신 이슈
    관련 주제
    더>
    인기 추천
    인기 튜토리얼
    더>
    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿