在ipad、iphone网页开发中,我们很可能需要判断是横屏或者竖屏。下面就来介绍如何用jQuery判断iPad、iPhone、Android是横屏还是竖屏的方法。
代码如下:
function orient() {
if (window.orientation == 90 || window.orientation == -90) {
//ipad、iphone竖屏;Andriod横屏
$("body").attr("class", "landscape");
orientation = 'landscape';
return false;
} else if (window.orientation == 0 || window.orientation == 180) {
//ipad、iphone横屏;Andriod竖屏
$("body").attr("class", "portrait");
orientation = 'portrait';
return false;
}
}
//页面加载时调用
$(function() {
orient();
});
//用户变化屏幕方向时调用
$(window).bind('orientationchange', function(e) {
orient();
});
屏幕方向对应的window.orientation值:
ipad:90或 - 90横屏
ipad:0或180竖屏
Andriod:0或180横屏
Andriod:90或 - 90竖屏
相关推荐
代码如下:function orient() {if (window.orientation == 90 || window.orientation == -90) {//ipad、iphone竖屏;Andriod横屏$(“body”).attr(“class”, “landscape”);orientation = ‘landscape’;return ...
JQuery DIV 实现window.confirm美化确认提示框
jQuery横向竖向进度条特效.zip
jquery实现的九宫格模拟Android屏幕解锁插件patternlock源码.zip
用jquery+html5+css3实现移动端的手动签名,横屏签名,完美回显,可直接复用。
主要为大家详细介绍了jquery实现iPhone、Android设备判断方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
jquery制作仿iphone苹果手机界面触屏切换效果.rarjquery制作仿iphone苹果手机界面触屏切换效果.rarjquery制作仿iphone苹果手机界面触屏切换效果.rarjquery制作仿iphone苹果手机界面触屏切换效果.rarjquery制作仿...
自定义一个h5页面,实现可以横屏手写电子签名的功能,且支持回显(图片可以转化为签字版的canvas,且支持在此基础上继续进行手写签名)由于uniapp微信小程序支持横竖屏切换配置,但是移动端h5不支持。自定义一个h5...
用jquery+html5+css3实现移动端的手动签名,横屏签名,完美回显,可直接复用
jQuery 控制网页整屏横向、垂直滚动切换,意思是,它与Tab大体上类似,但是TAB只控制某个Division标签,这一个控制的是整个网页,点击页面询问的序号,当前网页会滚动出去,然后第二屏滚动进来,形成连贯的滚屏效果...
H5签名横屏jSignature源代码(完整版,可直接运行),本实例可以直接运行,内容包括jsignature插件,以及css相关的内容,本实例为手机横向屏签名,保存为图片。图片格式可选。如果想看竖屏签名的实例,可以访问本...
jQuery CSS仿iPhone手机滑动解锁屏幕
jquery仿IPad应用的实例...包含简单的效果和动画
jQuery实现的iPhone Retina显示屏图片放大效果
jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)jquery-3.7.0.min.js(jQuery下载)...
jquery插件来模拟Android屏幕解锁.zip