快捷導(dǎo)航

jquery小火箭返回頂部代碼分享

更新時(shí)間：2015年08月19日 14:17:25 投稿：lijiao

這篇文章主要介為大家詳細(xì)紹了jquery小火箭返回頂部特效，當(dāng)用戶瀏覽到網(wǎng)頁的最下端時(shí)，點(diǎn)擊右下角的火箭可以返回到頁面最頂部，滾動(dòng)效果平滑，有需要的小伙伴可以參考下。

這是一款基于jquery小火箭返回頂部特效源碼，解決了頁面太長(zhǎng)造成的用戶返回頁面頂端困難。

為大家分享的jquery小火箭返回頂部代碼如下

<head>

<title>jquery小火箭返回頂部代碼</title> 
<link href="css/top.css" rel="stylesheet" type="text/css"/>
</head>

<body style="text-align:center; height:1000px;">
</head>
<a id="returnTop" href="javascript:;">回到頂部</a> 
<script src="js/jquery-1.6.4.min.js" type="text/javascript"></script> 
<script src="js/top.js" type="text/javascript"></script>

<p>腳本之家</p> 
<p>jquery小火箭返回頂部</p>
<p>jquery小火箭返回頂部</p>
<p>jquery小火箭返回頂部</p>
<p>jquery小火箭返回頂部</p>
<p>jquery小火箭返回頂部</p>

</body>
</html>

源碼下載

運(yùn)行效果圖：

以上就是為大家分享的jquery小火箭返回頂部代碼，希望大家可以喜歡

您可能感興趣的文章:

相關(guān)文章

對(duì)Jquery中的ajax再封裝,簡(jiǎn)化操作示例
這篇文章主要介是對(duì)Jquery中的ajax再封裝,簡(jiǎn)化操作示例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助
2014-02-02
jQuery中:contains選擇器用法實(shí)例
這篇文章主要介紹了jQuery中:contains選擇器用法,以實(shí)例形式分析了:contains選擇器的功能、定義及匹配給定元素文本時(shí)的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2014-12-12
jquery實(shí)現(xiàn)文字由下到上循環(huán)滾動(dòng)的實(shí)例代碼
這篇文章介紹了jquery實(shí)現(xiàn)文字由下到上循環(huán)滾動(dòng)的實(shí)例代碼，有需要的朋友可以參考一下
2013-08-08
chosen實(shí)現(xiàn)省市區(qū)三級(jí)聯(lián)動(dòng)
這篇文章主要為大家詳細(xì) 介紹了chosen實(shí)現(xiàn)省市區(qū)三級(jí)聯(lián)動(dòng)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-08-08
JQuery CSS樣式控制學(xué)習(xí)筆記
本章內(nèi)容比較簡(jiǎn)單，所以說明也比較少，有疑問也以跟帖或私聊
2009-07-07
jquery實(shí)現(xiàn)鼠標(biāo)滑過后動(dòng)態(tài)圖片提示效果實(shí)例
這篇文章主要介紹了jquery實(shí)現(xiàn)鼠標(biāo)滑過后動(dòng)態(tài)圖片提示效果,涉及jquery鼠標(biāo)事件及頁面元素的動(dòng)態(tài)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-08-08
一個(gè)分享按鈕的插件使用介紹（可擴(kuò)展，內(nèi)附開發(fā)制作流程）
前幾天由于工作需要制作一個(gè)分享按鈕，考慮到后續(xù)其他項(xiàng)目可能也會(huì)用到，于是就打算寫成插件化
2011-09-09
jQuery效果 slideToggle() 方法(在隱藏和顯示之間切換)
slideToggle() 方法通過使用滑動(dòng)效果（高度變化）來切換元素的可見狀態(tài)。
2011-06-06
jQuery實(shí)現(xiàn)查找鏈接文字替換屬性的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)查找鏈接文字替換屬性的方法,可實(shí)現(xiàn)針對(duì)鏈接文字的查找及鏈接屬性進(jìn)行替換的功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2016-06-06
一個(gè)支付頁面DEMO附截圖
這是一個(gè)支付頁面DEMO，有截圖，非常逼真，感興趣的朋友可以參考下
2014-07-07