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ū)?yīng)的window.orientation值：

ipad： 90 或 -90 橫屏
ipad： 0 或180 豎屏
Andriod：0 或180 橫屏
Andriod： 90 或 -90 豎屏

您可能感興趣的文章:

相關(guān)文章

jQuery中clone()方法用法實(shí)例
這篇文章主要介紹了jQuery中clone()方法用法,實(shí)例分析了clone()方法的功能、定義及克隆匹配的DOM元素的使用技巧,需要的朋友可以參考下
2015-01-01
JQuery Mobile實(shí)現(xiàn)導(dǎo)航欄和頁腳
導(dǎo)航欄由一組水平排列的鏈接構(gòu)成，通常位于頁眉或頁腳內(nèi)部。本文給大家介紹JQuery Mobile實(shí)現(xiàn)導(dǎo)航欄和頁腳的相關(guān)知識，需要的朋友參考下吧
2016-03-03
jquery網(wǎng)頁加載進(jìn)度條的實(shí)現(xiàn)
本篇文章主要介紹了jquery網(wǎng)頁加載進(jìn)度條的實(shí)現(xiàn) ，在頁面加載的時候，上方紅色的進(jìn)度條，有興趣的可以了解一下
2017-06-06
jQuery實(shí)現(xiàn)的個性化返回底部與返回頂部特效代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)的個性化返回底部與返回頂部特效代碼,涉及jQuery結(jié)合動畫函數(shù)響應(yīng)鼠標(biāo)事件動態(tài)改變頁面元素樣式的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-10-10
jQuery 選擇方法及$(this)用法實(shí)例分析
這篇文章主要介紹了jQuery 選擇方法及$(this)用法,結(jié)合實(shí)例形式分析了jQuery 選擇方法及$(this)相關(guān)使用技巧與注意事項(xiàng),需要的朋友可以參考下
2020-05-05
jquery ajax分頁插件的簡單實(shí)現(xiàn)
這篇文章主要介紹了jquery ajax分頁插件的簡單實(shí)現(xiàn)的相關(guān)資料,需要的朋友可以參考下
2016-01-01
jquery導(dǎo)航制件jquery鼠標(biāo)經(jīng)過變色效果示例
這篇文章主要介紹了jquery鼠標(biāo)經(jīng)過變色效果代碼，大家參考使用吧
2013-12-12
根據(jù)Bootstrap Paginator改寫的js分頁插件
本文主要對根據(jù)Bootstrap Paginator改寫的js插件進(jìn)行詳細(xì)介紹，具有很好的參考價值，需要的朋友一起來看下吧
2016-12-12
jQuery 操作option的實(shí)現(xiàn)代碼
js清空option之前清空option ，我的做法是遍歷現(xiàn)有option，將其每個子元素都置空即可。
2011-03-03
jquery編寫日期選擇器
本篇文章主要介紹了jquery編寫日期選擇器的實(shí)現(xiàn)過程與方法，具有很好的參考價值。下面跟著小編一起來看下吧
2017-03-03