jQuery學習 第六期

1創建一個返回頂部鏈接

首先我們先確定我們需要使用的返回頂部按鈕 按鈕定位為fixed fixed使按鈕根據網頁窗口來定位 這樣我們通過css就實現了 按鈕一直出現在某個特定位置的效果

其次對於實現點擊後使文本定位到網頁的開頭 :這要通過jquery的特效來實現

我們應該使用的方法是 :

$(<a id=topofpage name=topofpage</a>).prependTo(body);n

現在對這個說法進行說明 這個方法在body之前設置了錨點元素 topofpage 接下來使按鈕的外部嵌一層a標籤，從而使按鈕能進行跳轉，然後使a標籤中的href屬性指向#topofpage即可完成。

2 在按鈕上應用懸停效果

首先說明我們將不使用css的：hover偽類選擇器

.hover 是jQuery的一個方法 與.click類似 我們將預先設定兩個類的css效果 然後通過.hover中包含的函數使其完成增加類名addClass() 或者removeClass()來完成從一個樣式到另一個樣式的轉換.並通過這種效果來替換:hover 當然我們在這個函數中還可以包含更多動態效果。.hover的適用範圍也不僅僅是按鈕.