x-return-top.js點擊圖片動畫返回網(wǎng)站頂部
x-return-top.js 是純 javascript代碼實現(xiàn)的“返回頂部”功能，代碼非常簡單，集成起來更簡單.
在制作網(wǎng)頁中，經(jīng)常會發(fā)現(xiàn)網(wǎng)頁非常長，為了用戶的方便，都會設(shè)置返回頂部的按鈕，用戶一鍵返回網(wǎng)頁頂部； 如果你的網(wǎng)站中使用jquery，那么有很多的插件可以完成這個工作，可以在git中搜索很多。
然而，如果你的網(wǎng)頁中沒有使用jquery，那么如果要使用這些插件，就必須為了這一個很小的功能，加上jquery，對于網(wǎng)頁的加載速度非常不劃算。
-
本項目使用純javascript，實現(xiàn)動畫，美觀且不影響網(wǎng)頁加載速度，不依賴任何js框架
-
壓縮之后2.6kb（變量混淆會更小，為了保持可讀未做混淆）
-
集成非常簡單
<!-- add lib src in any place before div#xReturnTop -->
<script type="text/javascript" src="xreturntop/x-return-top.min.js"></script>
<!-- your code -->
<!-- div and render code, add to any place behind javascript lib -->
<div id="xReturnTop"></div>
<script type="text/javascript"> xReturnTop('xReturnTop'); </script>
-
Live Demo 1: http://50vip.com
-
Live Demo 2: http://www.atool.org
-
項目代碼中的index.html
評論
圖片
表情