Ch01 jQuery 的基礎知識



Ch02 jQuery 的基本語法



Ch03 jQuery 實作練習：Level 1

•展開式選單 (Toggle Menu)

•訊息對話框 (Aler tbox)

•圖片瀏覽 (Photo Viewer)

•頁籤 (Tab)



Ch04 jQuery 實作練習：Level 2

•下拉式選單 (Dropdown Menu)

•浮動式選單 (Floating Menu)

•燈箱式圖片預覽器 (LightBox + Modal Window)

•圖說文字 (Photo Caption)

•圖示提示說明 (Tooltip)



Ch05 jQuery 實作練習：Level 3

•切齊元素高度 (Equal Height)

•點選按鈕切換網頁字體大小 (Text Resizer)

•視差效果 (Parallax)

•篩選元素 (Filtering)

•突顯儲存格 (Row and Column Highlighting)

•手風琴式折疊區塊 (Accordion)

•平滑捲動 (Smooth Scroll)



Ch06 jQuery 實作練習：Level 4

•隨機輪播廣告圖片 (Random Banner)

•檢核表單輸入資料 (Form Validation)

•滑動選單 (Slide Menu)

•捲動網頁時縮放頁首 (Resize Header)

•固定頁首位置 (Sticky Header)

•突顯功能表項目 (Highlight Menu)



Ch07 jQuery 實作練習：Level 5

•水平捲動的幻燈片 (Horizontal Slider)

•淡入淡出幻燈片 (Fade Slider)

•圖片放大預覽 (Zoom Effect)

•網頁計時遊戲 (Count Up Game)



補充講座 jQuery 的外掛 (Plugin)

附錄 jQuery 語法一覽表

?