JQUERY教程

当前位置: HTML5技术网 > JQUERY教程 > jQuery构建移动应用程序导航

jQuery构建移动应用程序导航


      详细教程及源码下载     在线演示
      该教程向您展示如何做一个移动的侧边栏导航菜单。
      现在智能手机配备了一些非常高效的Web浏览器。 JavaScript是比以往任何时候都更强大。在本教程中,我将展示如何,你可以建立一个基于移动网站/ web应用。我们将使用CSS3媒体查询,针对特定的设备和屏幕分辨率。加上jQuery的动画菜单,加载外部页面内容使用Ajax调用。更妙的是,布局甚至可以扩大到常规桌面浏览器或Firefox浏览器。

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {    #w #pagebody header {        background: #0b1851 url('img/tabbar-solid-bg@2x.png') top left no-repeat;        background-size: 640px 44px;    }       #w #pagebody header #menu-btn {        background: url('img/nav-btn@2x.png') no-repeat;        background-size: 53px 30px;    }}

【jQuery构建移动应用程序导航】相关文章

1. jQuery构建移动应用程序导航

2. 不会编程也能做应用:移动应用程序开发工具和平台精选

3. Superhero.js:构建大型 JavaScript 应用程序的最佳资源

4. 快速构建移动 APP 原型的 HTML/CSS 框架

5. 15%的新移动应用程序将基于HTML5

6. 使用ASP.NET MVC构建HTML5离线web应用程序

7. 构建HTML5应用程序:CSS3 效果、过渡和动画

8. 用于web应用数据管理和应用程序通讯的jQuery组件库

9. 用于web应用数据管理和应用程序通讯的jQuery组件库

10. HTML5 WebApp part4:使用 Web Workers 来加速您的移动 Web 应用程序(下) ...

本文来源:https://www.51html5.com/a1236.html

点击展开全部

﹝jQuery构建移动应用程序导航﹞相关内容

其它栏目

也许您还喜欢