簡單漂亮的 CSS tooltip 提示框﹍(2) data-title 設定 + 疑難雜症排除
上一篇「 CSS 提示框懶人包實作 」說明了 CSS tooltip 原理，不過懶人包畢竟無法處理各種變數，留言提出了各種異常狀況，因此本篇仔細說明不同狀態下的解決方式。 << 請注意！本篇文章含會員限定內容 >>
繼續閱讀全文簡單漂亮的 CSS 提示框(tooltip)懶人包實作﹍(1) 動畫效果 + 置中演算法
HTML 標籤屬性 title 裡的提示訊息，在瀏覽器差不多延遲一秒才會出現。在資訊爆炸的時代， 訪客閱覽文章多半施展 "超速讀"，相信更不會有耐心去臆測某個地方是否藏著 title 屬性、或等待一秒後的訊息浮現 。使用 javascript(簡稱 js) ...
繼續閱讀全文聖誕音樂點唱機﹍部落格應景外掛
首先感謝 +Mark X 製作的「 聖誕節佈置懶人包 」，每年節慶期間都可從倉庫中取出，重新在網站上裝飾一番。這組套件包含了網頁背景、雪花效果、滑鼠游標、以及最重要的主體──音樂點唱盒。 原版本包含了貓咪、小朋友、及水晶聖誕音樂，由於今年想要變換一下音樂，於是徵求了 Mar...
繼續閱讀全文CSS3 漸層語法產生器﹍計數器背景實作(1)
使用 CSS 產生的漸層效果很棒，不過這些複雜的語法參數對一般使用者而言，跟看到天書是差不多的。在這個「 Blogger 中文社群討論串 」 +綜合口味 推薦了這個線上 CSS 漸層語法產生器「 Ultimate CSS Gradient Generator 」，且 +Mark...
繼續閱讀全文[外掛] jQuery 圖片延遲載入﹍Lazy Load 安裝懶人包 (徹底解決圖片 reflow 現象)
![[外掛] jQuery 圖片延遲載入﹍Lazy Load 安裝懶人包 (徹底解決圖片 reflow 現象)](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQeWN_hHMjL1Xv9OTKDnk1GPwTyYhPH0EUUXsRTtzFSPVHgMQeJSPsmlVb4SCXHTS72dIcdnt4WgYCl8CT56o9t8P2ZtetrOrGpKpgYGaQNUI8MBaZJg_HPpmehmvxBh0HkSmhK8IATlHu/s1600/lazyload.jpg)
當網頁圖片多的時候，「 影響效能的最大因素就是圖片載入 」。除了縮減圖片尺寸、壓縮檔案來縮短傳輸時間之外，更好的改善方法是讓圖片能延遲載入，先讓頁面把主要文字內容優先顯示出來──這正是 jQuery 圖片延遲載入外掛「 Lazy Load 」的作用。 好的，本篇的程式正是為了...
繼續閱讀全文
