2-3. 設計互動呈現的輔助說明面板

(1) 集合物件後逐一執行的迴圈功能

$(selector).each(function(index,element))

選擇符合指定的所有物件後, 逐一執行function工作, index是指目前選取器的索引編號, element是指目前選取器物件。

 

(2) 以hover滑入滑出事件設計互動呈現的輔助說明面板

 

先下載網頁內容HTML標籤語言及相關檔案

HTML:

CSS:

JS:

結果:
改善:
結果:
增加:

jQuery Plugin FancyBox

結果: