這篇文章主要介紹了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}