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;
}
});
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
竖屏特效 禁止横屏 css3 jquery jquery插件 jquery特效