zoukankan      html  css  js  c++  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>
    

                                                                                                                                                                                                                                                  

  • 相关阅读:
    130行C语言实现个用户态线程库(2)
    130行C语言实现个用户态线程库(1)
    用C语言模仿Python函数
    ES 2.4 bigdesk 安装失败解决方案.
    使用SqlBulkCopy, 插入整个DataTable中的所有数据到指定数据库中
    表A的数据减去表B ,最终得到表C
    关于把A表中的数据复制到B表中(整理)
    需求池整理
    app主流推广渠道
    流程图梳理
  • 原文地址:https://www.cnblogs.com/moustache/p/5497132.html
Copyright © 2011-2022 走看看