Html5&&JQM
关注
分享
扫一扫
文章平均质量分 54
liqueur
这个作者很懒，什么都没留下…
展开
-
JQM: 固定首尾转屏效果
query mobile转屏的时候header和footer跟着一起转屏了，看着感觉很别扭？怎么让转屏的时候固定住首尾呢？别着急，这篇文章就是告诉大家如何实现jqm固定首尾转屏效果。话不多说，先看Demo:jqm固定首尾转屏效果Demo »jqm默认转屏效果Demo »其实前阵子就有很多朋友咨询如何实现固定首尾转屏效果，但是最近笔者一直比较忙，没有抽出时间来细细研究。今天流浪的...原创 2013-07-09 12:47:33 · 155 阅读 · 0 评论 -
Responsive Design with CSS3 Media Queries 243
See It in Action FirstBefore you start, check the final demo to see how it looks like. Resize your browser to see how the layout automatically flows based on the width of the viewport (browser view...原创 2013-08-13 09:30:12 · 206 阅读 · 0 评论 -
Phonegap app crashes when switched orientation even with AndroidManifest changes
In your case the attribute android:configChanges="orientation|screenSize|keyboardHidden"should go to the first <activity> tag and not the <application> tag.For the other people having ...原创 2013-08-12 15:35:13 · 146 阅读 · 0 评论 -
【CSS3 入门教程系列】CSS3 Media Queries 实现响应式设计
在 CSS2 中，你可以为不同的媒介设备（如屏幕、打印机）指定专用的样式表，而现在借助 CSS3 的 Media Queries 特性，可以更为有效的实现这个功能。你可以为媒介类型添加某些条件，检测设备并采用不同的样式表。 例如，你可以把用于大屏幕上显示的样式和用于移动设备的专用样式放在一个样式文档中，这样，在不改变文档内容的情况下，不同的设备可以呈现不同的界面外观。阅读这篇文章学习 C...原创 2013-08-12 15:34:53 · 112 阅读 · 0 评论 -
“looks like we are having some server troubles” Dreamweaver phonegap build
Q:I am working on a project with dreamweaver CS 6, using the phonegap build panel.The build service says that there is no project settings file and I have the choice of "Create as a new project"...原创 2013-08-12 15:34:27 · 235 阅读 · 0 评论 -
【转】phonegap for android 如何在App中响应退出按钮
前言：采用phonegap开发的WebApp，如果用户点击退出按钮，则App会直接退出。下面的代码可以响应后退按钮，并提示用户再次点击才退出。如果3秒后没有点击则重新注册事件。注意：window.plugins.ToastPlugin.show_short()是显示toast消息的插件!代码：// 等待加载PhoneGapdocument.addEventListener("devicerea...原创 2013-08-12 15:34:12 · 124 阅读 · 0 评论 -
JQuery Mobile左右滑动效果
首先，页面里有两个<div data-role="page">，捡重点的写是，省掉其中的header和footer,这样： 01//第一页面02<div data-role="page" id="index">03<div data-role="content">原创 2013-08-12 15:33:54 · 200 阅读 · 0 评论 -
Communication between Android Java and Phonegap Javascript?
41down votefavorite46I believe that it's possible to call Java methods from (PhoneGap) Javascript.Anyone knows how to do that?? (I know how to do it by changing the source code...原创 2013-08-12 15:33:03 · 120 阅读 · 0 评论 -
ajax遇到的一点问题
dex.html和a.html在同一目录结构下面，不过报错为：XMLHttpRequest cannot load file:///D:/apache/Chapter6/ni/06/a.html. Origin null is not allowed by Access-Control-Allow-Origin. google一下，找到原因：ajax会对...原创 2013-07-09 12:48:24 · 108 阅读 · 0 评论 -
JQuery跨域访问解决方案
客户端“跨域访问”一直是一个头疼的问题，好在有jQuery帮忙，从jQuery-1.2以后跨域问题便迎刃而解。由于自己在项目中遇到跨域问题，借此机会对跨域问题来刨根问底，查阅了相关资料和自己的实践，算是解决了跨域问题。便记录下来，以供查阅。 jQuery.ajax()支持get方式的跨域，这其实是采用jsonp的方式来完成的。 真实案例： $.aja...原创 2013-07-09 12:48:10 · 99 阅读 · 0 评论 -
CSS Media Queries for iPads & iPhones
iPhone 5 Media QueriesiPhone 5 in portrait & landscape@media only screen and (min-device-width : 320px) and (max-device-width : 568px) { /* STYLES GO HERE */}iPhone 5 in landscape@...原创 2013-07-09 12:48:00 · 112 阅读 · 0 评论 -
HTML5移动开发添加APP启动画面
用Cordova开发HTML5应用程序时，APP加载时画面是白色的或者黑色的，现在的APP基本都有启动画面，添加启动画面只需2步即可。本例工程路径D:\Soft\PhoneGap\lib\android\example1.准备一张合适分辨率的png图片（本例：splash.png，分辨率为540*960），将其放入工程路径下的res\drawable目录下。 2.打开工程路...原创 2013-07-09 12:47:50 · 284 阅读 · 0 评论 -
使用 iframe 引用优酷和土豆和腾讯视频，支持 HTML5 手机 播放
iframe属性：allowtransparency iframe所载加页的背景颜色设置为transparent(透明)时iframe将透明化。allowfullscreen 启用 iframe 的内容以在全屏模式下显示。如果缺少，则仅 iframe（而非框架内的内容）可以进入全屏模式。frameborder 是否显示 iframe 周围的边框。 一般视频播放窗口下方会...原创 2015-12-31 14:10:39 · 1041 阅读 · 0 评论