首頁 > web前端 > js教程 > 主體

jQuery實作簡單滾動動畫效果_jquery

WBOY
發布: 2016-05-16 15:06:21
原創
1798 人瀏覽過

動畫的想法很簡單,點選頁面上一個元素,頁面捲動到指定位置。以下介紹我3小時百度的研究成果:

首先是html部分:

<html>
<body>
<a>顶部</a>
<a>中部</a>
...<p>持续添加直到出现滚动条</p>...
</body>
</html>
登入後複製

先加入兩個元素作為按鈕。然後補充元素:

<html>
<body>
<a href="javascript:;" id="tab1">顶部</a>
<a href="javascript:;" id="tab2">中部</a>
...<p>持续添加直到出现滚动条</p>...
</body>

登入後複製

href="javascript:;"大概意思是說a元素可以啟動js程式碼。如果不加則代碼無效。使用

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板