JQuery點(diǎn)擊事件回到頁(yè)面頂部效果的實(shí)現(xiàn)代碼
更新時(shí)間：2016年05月24日 15:34:53 投稿：jingxian
下面小編就為大家?guī)?lái)一篇JQuery點(diǎn)擊事件回到頁(yè)面頂部效果的實(shí)現(xiàn)代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
JQuery點(diǎn)擊事件回到頁(yè)面頂部效果的實(shí)現(xiàn)代碼
//2個(gè)div，點(diǎn)擊某個(gè)時(shí)回到頂部
<div style="height:1000px">111111111111111</div>
<div id="top" >top</div>
<引用JQuery>
<script type="text/javascript">
$(function(){
$("#top").click(function() {
$("html,body").animate({scrollTop:0}, 500);
});
})
</script>
以上這篇JQuery點(diǎn)擊事件回到頁(yè)面頂部效果的實(shí)現(xiàn)代碼就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
使用JQuery實(shí)現(xiàn)Ctrl+Enter提交表單的方法
這篇文章主要介紹了使用JQuery實(shí)現(xiàn)Ctrl+Enter提交表單的方法，需要的朋友可以參考下2015-10-10
精心挑選的15款優(yōu)秀jQuery 本特效插件和教程
今天這篇文章向大家分享15款精心挑選的優(yōu)秀 jQuery 文本特效插件，都帶有詳細(xì)的使用教程。jQuery 是最流行和使用最廣泛的 JavaScript 框架，它簡(jiǎn)化了 HTML 文檔遍歷，事件處理，動(dòng)畫以及Ajax交互，幫助 Web 開發(fā)人員更快速的實(shí)現(xiàn)各種精美的界面效果2012-08-08
jQuery使用$.each遍歷json數(shù)組的簡(jiǎn)單實(shí)現(xiàn)方法
這篇文章主要介紹了jQuery使用$.each遍歷json數(shù)組的簡(jiǎn)單實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了each方法遍歷json數(shù)組的實(shí)現(xiàn)技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下2016-04-04
EasyUI學(xué)習(xí)之DataGird分頁(yè)顯示數(shù)據(jù)
這篇文章主要介紹了EasyUI學(xué)習(xí)之DataGird分頁(yè)顯示數(shù)據(jù)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
JQuery+JS實(shí)現(xiàn)仿百度搜索結(jié)果中關(guān)鍵字變色效果
JQuery+JS實(shí)現(xiàn)仿百度搜索結(jié)果中關(guān)鍵字變色效果代碼，需要的朋友可以參考下。
2011-08-08 
這篇文章主要為大家介紹了易操作的jQuery表單提示插件，使用它可以輕松為表單控件添加淡入淡出動(dòng)畫效果的提示，感興趣的小伙伴們可以參考一下
2015-12-12 
jqgrid實(shí)現(xiàn)簡(jiǎn)單的單行編輯功能
這篇文章主要介紹了jqgrid實(shí)現(xiàn)簡(jiǎn)單的單行編輯功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-09-09 
WEB前端開發(fā)都應(yīng)知道的jquery小技巧及jquery三個(gè)簡(jiǎn)寫
一個(gè)簡(jiǎn)單技巧的集合，幫你提升 jQuery 技能，下面腳本之家小編給大家收集整理了web前端開發(fā)都應(yīng)知道的jquery小技巧，對(duì)jquery小技巧感興趣的朋友一起學(xué)習(xí)吧
2015-11-11 
jQuery學(xué)習(xí)之prop和attr的區(qū)別示例介紹
prop和attr的區(qū)別你知道嗎？在本文有些不錯(cuò)的示例對(duì)兩者詳細(xì)介紹，感興趣的朋友不要錯(cuò)過(guò)
2013-11-11