JS:回頂部、回底部語法
2014/02/12
萌芽站長
1,377 0
網站技術 , JavaScript
網站回頂部、回底部是相當簡單製作的,只要經過CSS修飾,一定是很讚的網站元素~!
我所用的原碼已經將JS加在HTML中了,方便你使用~!
這個JS原碼所表現出來的樣子是比較直接的,只要點一下就會直接跳到頂/底部,不會有秒數延遲。
可以看你的喜好參考看看~!
範例:
⇑回頂部 ⇓回底部
原碼:
<div onclick="window.scrollTo(0,0);return false;" title="回頂部"><b>⇑回頂部</b></div>
<div onclick="window.scrollTo(0,document.body.scrollHeight);return false;" title="回底部"><b>⇓回底部</b></div>
贊助廣告 ‧ Sponsor advertisements
CSS3「box-sizing: border-box; 」讓內距和邊框不改變元素的寬度與高度
📆 2018-09-22
📁
網站技術, CSS
HTML:跑馬燈<marquee>
📆 2013-01-01
📁
網站技術, HTML
Evil Icons:免費高品質向量圖標
📆 2017-02-22
📁
網路應用, 網站技術
Easing 函數速查表:網頁動畫執行速度函數查詢,可用 CSS、SCSS 或 jQuery
📆 2019-02-08
📁
網站技術, HTML, CSS, JavaScript, jQuery
【網站設計】NProgress.js 美化用進度條
📆 2015-05-21
📁
網站技術, JavaScript
GitHub Pages x GitHub Desktop:在 GitHub 上建立靜態網站可供即時瀏覽
📆 2020-04-21
📁
軟體應用, 網路應用, 網站技術
JavaScript & CSS 陀螺儀使圖片三維翻轉
📆 2020-03-12
📁
網站技術, HTML, CSS, JavaScript
【技巧】網站設計三大原則:簡單、實用、美觀
📆 2013-01-01
📁
網站技術
留言區 / Comments
萌芽論壇