Menggunakan jQuery untuk melaksanakan. Gambar yang digunakan: 1. Cuba tatal halaman ini ke bawah dan butang go2top akan muncul. 2. go2top-inner belum guna lagi. Definisi HTML&JS: Salin kod Kod adalah seperti berikut: <br> $(fungsi(){<br> $('#go2top').klik(fungsi(){<br> $("html,body").animate({scrollTop:0},200);<br> kembali palsu;<br> });<br> $(window).scroll(function(){<br> var obj=$('#go2top');<br> Jika(obj.offset().atas>900){<br> obj.show();<br> }lain{<br> obj.hide();<br> }<br> });<br> });<br> </skrip><br> </div> <p>takrif CSS</p> <p></p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="39746" class="copybut" id="copybut39746" onclick="doCopy('code39746')"><u>Salin kod</u></a></span> Kod adalah seperti berikut:</div> <div class="codebody" id="code39746"> <br> .go2top {<br> latar belakang: url("<a href="http://images.cnitblog.com/blog/84698/201303/28125209-67653841b1114531a2a1e6db63315d63.png">http://images.cnitblog.com/blog/84698/201303/28125209-67653841b1114531a2a1e6db63315d63.png</a>") tiada ulang tatal ke kiri atas lutsinar Bawah: 65px;<br> Warna: #444444;<br> Paparan: tiada;<br> Tinggi: 50px;<br> Margin-kiri: 510px;<br> kedudukan: tetap;<br> Kanan: 160px;<br> Jajaran teks: tengah;<br> Lebar: 50px;<br> }<br> .go2top:tuding {<br> Kedudukan latar belakang: -50px atas;<br> }<br> <br> </div> Cuba dan lihat jika anda boleh kembali ke atas. Ia adalah fungsi yang sangat mudah dan praktikal. <p></p>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
