jQuery实现返回顶部效果的方法

这篇文章主要介绍了jQuery实现返回顶部效果的方法,涉及jQuery页面样式、鼠标事件及页面元素的相关操作技巧,需要的朋友可以参考下

 

本文实例讲述了jQuery实现返回顶部效果的方法。分享给大家供大家参考。具体实现方法如下：

1、首先是CSS样式：
 

1. /*updown*/ 
2. #shangxia{position:fixed;top:83%;right:42%;margin-right:-543px;display:block;_display:none}  
3. #shang,#comt,#xia{background:url(../images/sprite.png) no-repeat;position:relative;cursor:pointer;height:25px;width:29px;margin:10px 0 0}  
4. #shang{background-position:0 -308px}#comt{background-position:0 -338px;height:32px}  
5. #xia{background-position:0 -376px}  
6. #comt:hover{background-position:-31px -338px}#shang:hover{background-position:-31px -308px}  
7. #xia:hover{background-position:-31px -376px}