屏幕旋转这个效果大家都很熟悉了,根据不同的方位可能要应用不同的代码。
下面就通过一段代码介绍一下如何使用javascript实现判断屏幕旋转效果。

代码实例如下:
   [ 其他 ] 运行代码    下载代码
<script>
function orientationChange() {
  switch (window.orientation) {
    case 0:
      alert("肖像模式 0,screen-width: " + screen.width + "; screen-height:" + screen.height);
      break;
    case -90:
      alert("左旋 -90,screen-width: " + screen.width + "; screen-height:" + screen.height);
      break;
    case 90:
      alert("右旋 90,screen-width: " + screen.width + "; screen-height:" + screen.height);
      break;
    case 180:
      alert("风景模式 180,screen-width: " + screen.width + "; screen-height:" + screen.height);
      break;
  };
};
</script>
下面是事件处理函数注册:
   [ 其他 ] 运行代码    下载代码
<script>
addEventListener('load', function () {
  orientationChange();
  window.onorientationchange = orientationChange;
});
</script>

代码描述:js判断 屏幕旋转代码,js判断屏幕是旋转代码实例



8 10



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: js js代码 js实例 javascript javascript代码 javascript实例 js条件语句 javascript条件语句 js旋转翻转 js旋转 js翻转 javascript旋转翻转 javascript旋转 javascript翻转

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到