5-1. 締思膳食茗茶館--- index.html 首頁的內容：外掛的使用

 

學習 jQuery plugin 外掛程式的基本運用

(一)瀏覽器搜尋外掛「jquery plugin slider」或直接連結這裡=> 檢視 Example
(二)下載外掛程式 => 解壓縮（不用下載也可以使用 bxSlider）
(三)網頁內設計步驟 (How to use) --------- 點選網站中右上角【Install】按鈕
１、處理相關的 HTML 標籤語法
２、連結相關的 CSS 檔案到 </head> 的前面 (建議放在自己的CSS檔案前)
３、載入相關的 JS 檔案到 </body> 的前面 (有些外掛也可以放在 </head> 的前面)
４、在 <script> </script> 標籤之中，將網頁元素物件依作者指示交給外掛程式。
５、如有需要再加上 option 選項設定，如有需要再修改 CSS 樣式設定。

 

操作練習參考： 相關 HTML 的部份 (相關路徑請自行判斷修改)

 

操作練習參考： 相關 CSS 的部份 (相關路徑請自行判斷修改)

操作練習參考： 相關 JS 的部份 (相關路徑請自行判斷修改)

 

調整 slider 的樣式

 

調整 slider 程式的選項