zoukankan      html  css  js  c++  java
  • 雷林鹏分享:jQuery Mobile 方向改变事件

      jQuery Mobile 方向改变(orientationchange)事件

      当用户垂直或水平旋转移动设备时,触发方向改变(orientationchange)事件。

      水平旋转垂直旋转

    Mobile

      如需使用方向改变(orientationchange)事件,请附加它到 window 对象:

      $(window).on("orientationchange",function(){

      alert("The orientation has changed!");

      });

      回调函数可有一个参数,event 对象,返回移动设备的方向:"纵向"(设备保持在垂直位置)或"横向"(设备保持在水平位置):

      实例

      $(window).on("orientationchange",function(event){

      alert("Orientation is: " + event.orientation);

      });

      尝试一下 »

      由于方向改变(orientationchange)事件绑定到 window 对象,我们可以使用 window.orientation 属性来设置不同的样式,以便区分纵向和横向的视图:

      实例

      $(window).on("orientationchange",function(){

      if(window.orientation == 0) // Portrait

      {

      $("p").css({"background-color":"yellow","font-size":"300%"});

      }

      else // Landscape

      {

      $("p").css({"background-color":"pink","font-size":"200%"});

      }

      });

      尝试一下 »

    lamp

    window.orientation 属性针对纵向视图返回 0,针对横向视图返回 90 或 -90。

      本文转载自:w3cschool(编辑:雷林鹏 来源:网络 侵删)

  • 相关阅读:
    轻松背后的N+疲惫——系统日志
    Wcf实现IServiceBehavior拓展机制
    一个迭代小算法,根据指定的个数对下标进行分组
    SqlServer 游标用法
    DataView RowFilter
    Asp.net Repeater 排序
    asp.net 导出Excel
    C# 导出Excel(csv )
    C# 上传图片
    C# 调用外部.exe文件
  • 原文地址:https://www.cnblogs.com/pengpeng1208/p/10905588.html
Copyright © 2011-2022 走看看