基于jQuery的判斷iPad、iPhone、Android是橫屏還是豎屏的代碼
更新時間:2014年05月11日 12:24:41 作者:
在ipad、iphone網(wǎng)頁開發(fā)中,我們很可能需要判斷是橫屏或者豎屏。下面就來介紹如何用 jQuery 判斷iPad、iPhone、Android是橫屏還是豎屏的方法
其實主要是通過window.orientation實現(xiàn),下面看下代碼吧
復制代碼 代碼如下:
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;
}
}
//頁面加載時調(diào)用
$(function(){
orient();
});
//用戶變化屏幕方向時調(diào)用
$(window).bind( 'orientationchange', function(e){
orient();
});
屏幕方向?qū)膚indow.orientation值:
ipad: 90 或 -90 橫屏
ipad: 0 或180 豎屏
Andriod:0 或180 橫屏
Andriod: 90 或 -90 豎屏
相關文章
jQuery實現(xiàn)的個性化返回底部與返回頂部特效代碼
這篇文章主要介紹了jQuery實現(xiàn)的個性化返回底部與返回頂部特效代碼,涉及jQuery結合動畫函數(shù)響應鼠標事件動態(tài)改變頁面元素樣式的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10jquery導航制件jquery鼠標經(jīng)過變色效果示例
這篇文章主要介紹了jquery鼠標經(jīng)過變色效果代碼,大家參考使用吧2013-12-12根據(jù)Bootstrap Paginator改寫的js分頁插件
本文主要對根據(jù)Bootstrap Paginator改寫的js插件進行詳細介紹,具有很好的參考價值,需要的朋友一起來看下吧2016-12-12