1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5 <title>无标题文档</title>
6 </head>
7
8 <body>
9 <style>
10 #goTopBtn {position: fixed;line-height:36px;width:36px;bottom:35px;height:36px;cursor:pointer;display:none;
11 background:#0000CC;}
12
13 #goTopBt{height:4000px}
14 </style>
15 <br/>
16 <p style="text-align:center;font-family:Georgia, 'Times New Roman', Times, serif;font-size:24px;font-weight:bold;">***，how are you。
17 <br/>Just do what you want do!!!</p>
18 <div id="goTopBt"></div>
19 <div id="goTopBtn"></div>
20 <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
21 <script type="text/javascript">
22 $(window).scroll(function(){
23 var sc=$(window).scrollTop();
24 if(sc>0){
25 $("#goTopBtn").css("display","block");
26 $("#goTopBtn").css("right","36px")
27 }else{
28 $("#goTopBtn").css("display","none");
29 }
30 })
31
32 $("#goTopBtn").click(function(){
33
34 $('body,html').animate({scrollTop:0},500);
35 })
36
37 </script>
38 </body>
39 </html>
