首頁 > web前端 > js教程 > 使用jQuery實作返回頂部_jquery

使用jQuery實作返回頂部_jquery

WBOY
發布: 2016-05-16 16:18:05
原創
1352 人瀏覽過

使用jQuery實作。所用圖片:

1、嘗試捲動 此頁面到底部即可出現go2top按鈕。
2、go2top-inner暫未使用。
HTML&JS定義:

複製程式碼 程式碼如下:



CSS定義

複製程式碼 程式碼如下:

.go2top {
    background: url("http://images.cnitblog.com/blog/84698/201303/28125209-67653841b1114531a2a1e6db63315d63.pptop;     bottom: 65px;     color: #444444;
    display: none;
    height: 50px;
    margin-left: 510px;
    position: fixed;
    right: 160px;
    text-align: center;
    width: 50px;
}
.go2top:hover {
    background-position: -50px top;
}


試試看,是不是有了回頂端了,非常方便實用的功能,希望大家能夠喜歡。
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板