JQuery點(diǎn)擊事件回到頁面頂部效果的實(shí)現(xiàn)代碼
來源:易賢網(wǎng) 閱讀:1424 次 日期:2016-06-23 16:18:30
溫馨提示:易賢網(wǎng)小編為您整理了“JQuery點(diǎn)擊事件回到頁面頂部效果的實(shí)現(xiàn)代碼”,方便廣大網(wǎng)友查閱!

下面小編就為大家?guī)硪黄狫Query點(diǎn)擊事件回到頁面頂部效果的實(shí)現(xiàn)代碼。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。

JQuery點(diǎn)擊事件回到頁面頂部效果的實(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)擊事件回到頁面頂部效果的實(shí)現(xiàn)代碼就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考

更多信息請(qǐng)查看網(wǎng)絡(luò)編程
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請(qǐng)考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)!
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡(jiǎn)要咨詢 | 簡(jiǎn)要咨詢須知 | 新媒體/短視頻平臺(tái) | 手機(jī)站點(diǎn)

版權(quán)所有:易賢網(wǎng)