26 個經典範例帶您養成紮實的 jQuery 程式設計底子!
使用 jQuery 可以輕鬆操作複雜的 JavaScript, 做出驚豔的網頁特效, 是前端網頁設計師一定要學會的技能!
用 jQuery 撰寫好的程式普遍都很簡短, 其中卻深藏著大大的學問。想學好 jQuery, 必須紮實理解【選擇器】、【方法】的各種排列組合方式。本書透過實務上常見的 26 個 jQuery 經典範例, 為您解說【商品放大檢視效果】、【展開式選單】、【訊息對話框】、【平滑捲動】等網頁效果是怎麼「從零開始」撰寫出來的。透過不斷的演練養成紮實的 jQuery 程式底子。懂 HTML + CSS + JavaScript 還不夠, 學會 jQuery 大大提昇您的網頁設計功力吧!
本書特色:
‧本書範例依難度區分 Level1~Level5, 每堂課從零開始實作一個範例, 依進度學習, 保證學的會!
‧實作前先示範如何把範例拆解成數個子功能, 以後面對複雜網頁效果再也不會不知從何下手。
‧每行程式都有註解說明, 超乎你想像的仔細, 絕對讀得懂程式碼!
作者簡介:
神田 幸惠
Speaking Design 負責人。
網頁設計是興趣也是畢生志業。
現在是個將自己手中的技術、知識, 毫無保留分享出去的時代, 每天以講師身份在各地散播網頁設計的樂趣。
http://speakingdesign.com
目錄
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 語法一覽表
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)
‧篩選元素 (...