你的位置:首页 > 软件开发 > Java > 移动端横屏(beta)

移动端横屏(beta)

发布时间:2016-05-16 11:00:10
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title>&l ...
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title></head><script src='/images/loading.gif' data-original="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script><script>var orientation=0;function screenOrientationEvent(){if(orientation == 0){document.getElementById("change").value="竖";$("body").css({'transform':'rotate(90deg)','-webkit-transform':'rotate(90deg)','-moz-transform':'rotate(90deg)'});}else{document.getElementById("change").value="横";$("body").css({'transform':'rotate(0deg)','-webkit-transform':'rotate(0deg)','-moz-transform':'rotate(0deg)'});}}var innerWidthTmp = window.innerWidth;//横竖屏事件监听方法function screenOrientationListener(){try{var iw = window.innerWidth;//屏幕方向改变处理if(iw != innerWidthTmp){if(iw>window.innerHeight){orientation = 90;}else{orientation = 0;}//调用转屏事件screenOrientationEvent();innerWidthTmp = iw;}}catch(e){alert(e);};//间隔固定事件检查是否转屏,默认500毫秒setTimeout("screenOrientationListener()",500);}//启动横竖屏事件监听screenOrientationListener();</script><body onload="screenOrientationEvent()"><input id="change" type="text" value=""/></body></html>

原标题:移动端横屏(beta)

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录