用 jQuery 實作 CSS 做不到的精緻滑鼠移入特效

	【常春藤解析英語電子報】程度為英檢中級∼中高級，文法解析最詳盡、學習最快速吸收，是您必讀的英語刊物。 公正客觀的精神、以歐洲米其林為目標，【英卓美食報】網羅最有趣、實用、專業、新鮮的第一手美食資訊。

★ 無法正常瀏覽圖片，請按這裡看說明   ★ 無法正常瀏覽內容，請按這裡線上閱讀 新聞  專題  理財  追星  社群  Blog  哇新聞  電子書

2015/01/02 第 499 期 |  訂閱/退訂  |  看歷史報份  |   　     學習主題 用 jQuery 實作 CSS 做不到的精緻滑鼠移入特效   新書搶鮮報 PCDIY 2015 電腦選購•組裝•應用     日本當代最強平面設計 150   學習地圖 好型錄的小秘訣：把型錄做成和商品一樣大，讓客人印象深刻！   活動快遞 圖書專區   延伸閱讀主題 Canon EOS 6D 全新功能搭載介紹     孩童迷 3C，開學視力慘兮兮 外罩式抗藍光眼鏡 (豹紋限定款)：護眼除『藍』害，數位生活更愉快！       　 　 用 jQuery 實作 CSS 做不到的精緻滑鼠移入特效 本節的 HTML 範例套用了 3 種當滑鼠移入、移出按鈕時的 hover 效果。下圖共有 12 個按鈕, 我們會在同一列按鈕套用同一效果, 總共 3 種效果。 本章可以學到以下基礎內容。 ˙ 將效果套用至 Web 網頁最重要的「按鈕」元素 ˙ 針對多個元素 (例如範例中各按鈕), 個別套用同一效果 ˙ 更進一步的 animate() 活用方法 在第 2 章中, 我們只針對單一元素 (字串「Creative jQuery」) 做處理, 在本章則要處理同一頁面的多個元素。範例的難度會越來越高, 請適時回頭複習前面的內容。 具有 hover 效果的按鈕 首先來看如何替按鈕加上 hover 效果, 總共有 12 個按鈕, 每列的效果都不同。 所有元素被 .page-main 類別包住, 並將包含各按鈕的子節點 id 設定為#buttons1, 現階段請先掌握這樣的結構。 .......﹝詳細內容﹞   更多內容請見 《 邁向 jQuery 達人的階梯 》 　 　 PCDIY 2015 電腦選購•組裝•應用 電腦硬體日新月異，想自行組裝一台最符合需求的電腦時，從網路、賣場 DM、店家拿到所謂的『報價單』，光是上面密密麻麻的一堆品項與規格，整個就是給他 "霧煞煞"，完全看不懂上面這一長串的產品差別在哪裡 ── 害怕買新電腦卻買貴了、或所需功能不足、甚至系統效能 / 等級比其他人的舊電腦還遜上一截...... 本書是旗標多年來最暢銷、最淺顯易懂、也最具權威性的電腦硬體全圖解書，書中將電腦各零組件基本規格、組裝應用完全解說，讓您一眼就能看出最新零組件的規格與差異，並用最便宜的價格，買到保證滿意的 Windows 8.1 電腦！ ......... 更多內容>>     日本當代最強平面設計 150 如何踏入平面設計之路？平面設計的趨勢如何？未來的發展如何？特別收錄設計師訪談，為設計者解答心中迷惑 ● 網羅日本國內外各大設計獎得主，包括 JAGDA (日本平面設計師協會)、TOKYO TDC (東京字體設計大賽)、D&AD Awards (英國設計與廣告大獎)、ADC (東京藝術指導俱樂部獎)、ACC (亞洲文化協會設計獎)、ADFEST (亞太廣告獎)、TIAA (東京互動廣告獎)、Good Design Award (好設計獎)...等，一次收藏國際設計大師作品                               ....更多內容 　 　 好型錄的小秘訣：把型錄做成和商品一樣大，讓客人印象深刻！  領帶專業品牌「giraffe」的商品介紹型錄。設計重點是使用了原尺寸大的各種領帶照片，這樣一來就可以在將傳單帶回家之後，放於胸前體驗穿戴後的感覺。和領帶花色一 起搭配的豐富的變化，也用容易理解的方式解說。 展示同系列六種商品 將同款的六種商品，整理成同一個系列來發表，讓人不禁想收集，這也是一種魅力。 背面是商品資料 型錄背面是品牌概念、商品特徵與領帶綁法等說明。正好呼應正面原尺寸大的領帶照片。 .......﹝詳細內容﹞   ..... 更多內容請見 《 好型錄 有銷路: 日本暢銷品牌型錄設計 》 　 •走在回家的路上：金岳社區的尋根之旅 流興部落配合政府政策遷村至現在的金岳，遷村不只使「莎韻之鐘」遺失了，代代相傳的傳統文化、歷史記憶也漸漸衰退，直到這一代的年輕人開始尋找消失在記憶裡的舊部落。 •「得舒飲食」 教您輕鬆降血壓 冬令進補的時節又到了，有高血壓、高血脂、高血糖的「三高」族群，雖然不適合高熱量的食補，卻可採用另一種食療妙方─「得舒飲食」，輕鬆降低血壓，讓身體更健康！ 　 旗 標 出 版 股 份 有 限 公 司 地址:100 台北市杭州南路一段15-1號19樓 電話: (02) 2396-3257 若您對內容有任何建議，歡迎您來信與我們分享 ! 聯絡我們 如果您對內容讚賞有加，希望能轉載，還請務必來信告知 ! 以便於處理。

免費電子報 | 著作權聲明 | 隱私權聲明 | 聯絡我們 udnfamily : news | video | money | stars | paper | reading | mobile | data | city | blog | job