风也雨忆笙

html部分

1
2
<div id="ease-target"><span id="ease\_go\_top"><i class="fa fa-chevron-up"></i></span>
</div>

js部分

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
// 返回顶部
var ease\_go\_top = document.getElementById("ease\_go\_top");
 function ease_scrollToTop(t){
 var x = 0;
 var scroll_Top = document.body.scrollTop || document.documentElement.scrollTop;
 var time = setInterval(function(){
 x+=scroll_Top*30/t;
 if(x>scroll_Top){
 clearInterval(time);
 document.body.scrollTop = 0;
 document.documentElement.scrollTop = 0;
 }else{
 document.body.scrollTop = scroll_Top-x;
 document.documentElement.scrollTop = scroll_Top-x;
 }
 },30)
 }
 ease\_go\_top.onclick = function(){
 ease_scrollToTop(1000);
 }
// end-返回顶部

添加css样式

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
#ease\_go\_top{
 position: fixed;
 right: 10px;
 bottom: 10px;
 width: 50px;
 height: 50px;
 text-align: center;
 background: rgba(255,255,255,0.6);
 font-size: 30px;
 cursor: pointer;
 
}
#ease\_go\_top i{
 font-size: 30px;
}

温馨提示代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<center>温馨提示
<br>
<script type="text/javascript">
var now=(new Date()).getHours();
if(now>0&&now<=6){
document.write("午夜了，快睡觉去，熬夜对身体不好哦");
}else if(now>6&&now<=11){
document.write("早上好，开始一天美好的生活吧");
}else if(now>11&&now<=14){
document.write("中午好，到了午饭时间了吧，一个人也要好好吃饭哦");
}else if(now>14&&now<=18){
document.write("下午好，是不是有点累了，可以适当休息一下哦");
}else{
document.write("晚上好，吃完晚饭记得要运动下哦");
}
</script>
</center>