• 首页
• 服务器租用
• 企业邮箱
• 虚拟主机
• 网站程序
• 营销推广
• 网站建设
• 域名注册
• 前端开发
• 网站备案

• 当前位置：创新互联 >> 常见问题 >> 前端开发 >> jQuery >> 网站设计：jquery+css3实现页面强制竖屏特效

网站设计：jquery+css3实现页面强制竖屏特效

• 作者：创新互联 文章来源：前端技术部 点击数： 更新时间：2017-06-13

• jquery+css3实现页面强制竖屏特效是一款非常实用的作品，主要用到html5移动页面上，可以根据页面用横屏和竖屏体验的效果来强制页面的显示。

  
  

  核心代码如下：

  //避免搜索影响屏幕尺寸判断
  
  $("#textInput").on('focus',function(){
  
      $("#mask").hide();
  
  });
  
  $(window).on('orientationchange',function(){
  
      switch(window.orientation){
  
         case -90:
  
         case 90:
  
             $("#mask").show();
  
             break;
  
         case 0:
  
             $("#mask").hide();
  
             break;
  
      }
  
  });
  

• 没有了! :上一篇
  jQuery - AJAX load() 方法 :下一篇