javascript返回頂部效果(自寫代碼)

2024-05-06 14:20:08

字體：大中小

供稿：網(wǎng)友

現(xiàn)在很多網(wǎng)站都用到了返回頂部的效果，當然懶的話也可以直接 a 鏈接鏈到 #，這樣也可以達到效果。今天抽空用原生 javascript 寫了個，由于本人水平有限，如有問題請指出。
html 代碼：
代碼如下:
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>js-回到頂部</title>
<style type="text/css">
*{margin:0;padding:0;}
.wrapper{width:960px;margin-left:auto;margin-right:auto;}
p{margin:10px;line-height:30px;}
#top{position:fixed;right:130px;bottom:50px;background:gray;padding:5px;display:block;}
</style>
</head>
<body>
“記事本”是一個用來創(chuàng)建簡單的文檔的基本的文本編輯器。“記事本”最常用來查看或編輯文本 (.txt) 文件，但是許多用戶發(fā)現(xiàn)“記事本”是創(chuàng)建網(wǎng)頁的簡單工具。
因為“記事本”僅支持很基本的格式，所以您不能在需要保持純文本的文檔中偶爾保存特殊格式。因為特殊字符或其他格式不能在所發(fā)布的網(wǎng)頁上顯示，否則可能導致錯誤，所以，在為網(wǎng)頁創(chuàng)建 HTML 文檔時它特別有用。
可以將記事本文件保存為 Unicode、ANSI、UTF-8 或高位在前的 Unicode 格式。當使用不同字符集的文檔時，這些格式可以向您提供更大的靈活性。
“記事本”是一個用來創(chuàng)建簡單的文檔的基本的文本編輯器。“記事本”最常用來查看或編輯文本 (.txt) 文件，但是許多用戶發(fā)現(xiàn)“記事本”是創(chuàng)建網(wǎng)頁的簡單工具。
因為“記事本”僅支持很基本的格式，所以您不能在需要保持純文本的文檔中偶爾保存特殊格式。因為特殊字符或其他格式不能在所發(fā)布的網(wǎng)頁上顯示，否則可能導致錯誤，所以，在為網(wǎng)頁創(chuàng)建 HTML 文檔時它特別有用。
可以將記事本文件保存為 Unicode、ANSI、UTF-8 或高位在前的 Unicode 格式。當使用不同字符集的文檔時，這些格式可以向您提供更大的靈活性。
“記事本”是一個用來創(chuàng)建簡單的文檔的基本的文本編輯器。“記事本”最常用來查看或編輯文本 (.txt) 文件，但是許多用戶發(fā)現(xiàn)“記事本”是創(chuàng)建網(wǎng)頁的簡單工具。
因為“記事本”僅支持很基本的格式，所以您不能在需要保持純文本的文檔中偶爾保存特殊格式。因為特殊字符或其他格式不能在所發(fā)布的網(wǎng)頁上顯示，否則可能導致錯誤，所以，在為網(wǎng)頁創(chuàng)建 HTML 文檔時它特別有用。
可以將記事本文件保存為 Unicode、ANSI、UTF-8 或高位在前的 Unicode 格式。當使用不同字符集的文檔時，這些格式可以向您提供更大的靈活性。
“記事本”是一個用來創(chuàng)建簡單的文檔的基本的文本編輯器。“記事本”最常用來查看或編輯文本 (.txt) 文件，但是許多用戶發(fā)現(xiàn)“記事本”是創(chuàng)建網(wǎng)頁的簡單工具。

上一篇：jQuery插件開發(fā)基礎(chǔ)簡單介紹

下一篇：屏蔽網(wǎng)頁右鍵復制和ctrl+c復制的js代碼