js写一段这样的效果:当这个页面没有操作的时候,某一张图标就隐藏,一旦界面有操作就显示该图标,

类似电脑屏保。。求各位大神详细写段代码,感谢不尽... 类似电脑屏保。。求各位大神详细写段代码,感谢不尽 展开
 我来答
匿名用户
推荐于2016-04-08
展开全部
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<style>
*{margin: 0;padding: 0;}
#wall{position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.5);width: 100%;height: 100%;text-align: center;color: #fff;font-size: 36px;line-height: 600px;}
</style>
asdfsfsaf
<div id="wall">a~a~a~~aa~~aaaa!</div>
<script>
var timer;
var wall = {
w: document.getElementById('wall'),
show: function(){
this.w.style.display = "block";
},
hide: function(){
this.w.style.display = "none";
}
};
document.onmousemove=function(){
clearTimeout(timer);
wall.hide();
timer = setTimeout(function(){
wall.show();
},5000);
//5秒不动鼠标后,进入屏保模式
}

//一进来就是屏保模式
wall.show();
</script>
</body>
</html>
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式