[html5]jQuery判断iPad、iPhone、Android横屏还是竖屏
[html5]jQuery判断iPad、iPhone、Android横屏还是竖屏
基于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 竖屏
热门文章推荐
- 10款html5网页播放器推荐(总有一款适合你)
- [html5]html5+css3实现图片斜角切成直角梯形显示的源代码
- [HTML5]HTML5视频video时间事件代码
- [微信]iOS苹果和微信中音频和视频实现自动播放的方法
- [html5]html5视频全屏实现的源代码
- [Html5]mobile-agent移动Agent,就是具有移动性的智能Agent
- [html5]视频播放器js控制vedio视频和分段播放
- [html5]H5播放器:竖屏播放\横屏播放\跟随旋转例子
请稍候...