Other_8.如何來使用Html中的錨點連接(我覺得很有用,就轉載了,非原創。互相學習)

錨點是網頁製作中超級鏈接的一種,又叫命名錨記。命名錨記像一個迅速定位器一樣是一種頁面內的超級鏈接,運用相當普遍。

那麼他是如何來寫的呢:

<a name=”label”>這裏可以放圖標 也可以放文字</a>

您可以使用 id 屬性來替代 name 屬性,命名錨同樣有效。

在網頁中,當你滾動到最底下想直接回到頂部的時候,這個時候就用到了錨鏈接,爲了他的樣式好看,你可以用Jquery去寫,比如我們官網右側的懸浮小圖標:


最下面的一個就是回到頂部,他在最頂部的時候是不顯示的:


只有當頁面往下滑的時候他纔會出現,那麼他是如何寫的呢:


這就是他的Jquery的寫法,當window滾動到120這個座標點的時候這個小圖標進入,點擊它的時候他會去查找html跟body標籤,同時向上滾動。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章