你的位置:首页 > Java教程

[Java教程]移动端横屏(beta)

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title></head><script src="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>