热门关键字:
jquery > jquery插件 > html5 > 网友挽歌分享html5原创手机触摸全屏滚动效果

网友挽歌分享html5原创手机触摸全屏滚动效果

18464
所属分类:html5
发布时间:2015/5/21 14:10:45
下载量:889
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Detail.aspx?id=484

首先非常感谢网友挽歌的无私分享,此作品是他分享到JquerySchool网站的第一款html5原创手机触摸全屏滚动效果,、兼容安卓、苹果等常用设备、原生javascript+html5编写、不依赖jquery库,效果超棒,搞前端开发的童鞋们,你值得拥有哦,还等什么啊,快来下载啊。。。


核心代码如下:


// 判断屏幕是否旋转
function orientationChange() {
	var _alert=document.getElementById("alert");
	switch(window.orientation) {
	  case 0: 
			_alert.style.display="none";
			break;
	  case -90:
			_alert.style.display="block";
			break;
	  case 90:
			_alert.style.display="block";
			break;
	  case 180:
			_alert.style.display="none";
		  break;
	}
}
// 添加事件监听
addEventListener('load', function(){
	orientationChange();
	window.onorientationchange = orientationChange;
});


效果如下:

网友挽歌分享html5原创手机触摸全屏滚动效果





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



关键字:网友挽歌 html5 手机触摸 全屏滚动 css3 触摸特效
  • 网友挽歌分享html5原创手机触摸全屏滚动效果如果你喜欢学院的资源就下载吧,亲,谢谢!
  • 网友挽歌分享html5原创手机触摸全屏滚动效果
  • 网友挽歌分享html5原创手机触摸全屏滚动效果
  • 提示:如果网络问题无法下载,请多尝试几次,与 网站管理员联系 或 本站留言 !

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

友荐云推荐