热门关键字:
jquery > jquery插件 > css3 > jquery+css3实现页面强制竖屏特效

jquery+css3实现页面强制竖屏特效

15928
所属分类:css3
发布时间:2016/4/1 20:28:03
下载量:655
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Detail.aspx?id=508

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+css3实现页面强制竖屏特效





如果您觉得本作品对您的学习有所帮助:支付鼓励



关键字:竖屏特效 禁止横屏 css3 jquery jquery插件 jquery特效
  • jquery+css3实现页面强制竖屏特效如果你喜欢学院的资源就下载吧,亲,谢谢!
  • jquery+css3实现页面强制竖屏特效
  • jquery+css3实现页面强制竖屏特效
  • 提示:如果网络问题无法下载,请多尝试几次,与 网站管理员联系 或 本站留言 !

声明: 本站内容均为网友原创或整理于互联网,版权归作品最初创作人,转载请注明(出处)原文链接,转载前请邮件至磐temdy@qq.com,一旦发现造成侵权行为,后果自负。。

友荐云推荐