首先非常感谢网友挽歌的无私分享,此作品是他分享到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 手机触摸 全屏滚动 css3 触摸特效