🆕 https://mnya.tw/cc/word/1252.html
【作者：萌芽站長；💻萌芽綜合天地；🖥網站技術 , ⌨️HTML , ⌨️JavaScript , ⌨️jQuery】
不少情況下網站都會使用到 HTML Image Map 影像地圖，但 HTML 原生的影像地圖功能缺乏非常多必要的功能，舉例來說就無法套用 CSS 建立特效...
#HTML_ImageMap #ImageMap #影像地圖 #jQuery #推薦插件 #插件 #maphilight #加強特效 #rwdImageMaps #支援RWD #RWD #HTML #JavaScript #網站技術

🆕 https://mnya.tw/cc/word/1278.html
【作者：萌芽站長；💻萌芽綜合天地；🖥網站技術 , ⌨️HTML , 🎨CSS , ⚙️JavaScript , 🔧jQuery】
「Flickity」算是我在找瀑布流插件時意外找到的 jQuery 插件，那時候剛好也非常缺乏像樣的幻燈片程式，網站首頁也需要一個來展示影片，就這麼剛好讓我找到這...
#Flickity #jQuery插件 #jQuery #插件 #全平台支援 #幻燈片 #卡片 #HTML #CSS #JavaScript #JS #自適應

🆕 https://mnya.tw/cc/word/1279.html
【作者：萌芽站長；💻萌芽綜合天地；🖥網站技術 , ⌨️HTML , 🎨CSS , ⚙️JavaScript , 🔧jQuery】
「Overlay Scrollbars」是我搜尋了好久才找到的超好用自定義捲軸，之前有找到其他插件的來測試，但最後都遇上了 BUG 而放棄使用，這個則可完美達到我想...
#Overlay_Scrollbars #jQuery自定義捲軸 #自定義捲軸 #自定義 #捲軸 #JS #半透明 #自動隱藏 #網站技術 #HTML #CSS #JavaScript #jQuery插件 #JS插件 #插件 #滾動條

🆕 https://mnya.tw/cc/word/1280.html
【作者：萌芽站長；💻萌芽綜合天地；🖥網站技術 , ⌨️HTML , ⚙️JavaScript , 🔧jQuery】
「ScrollIt.js」是一款可以建立頁面滾動導覽的 jQuery 插件，插件本身非常小，支援透過電腦鍵盤移動至上下自定義的節點，不用再透過 HTML 所提供的「#」...
#ScrollIt #建立頁面滾動導覽 #滾動導覽 #導覽 #jQuery插件 #jQuery #插件 #網站技術 #HTML #CSS #JavaScript #JS

🆕 https://mnya.tw/about/log/2019.html

【公告】網站導覽方塊新增浮動特效
發布編號：465 - 發佈日期：2019/01/25

這次運用「Tilt.js」這款 jQuery 插件成功做出了方塊浮動的特效，它會自動偵測游標位置，讓方塊做正確的變形，上方文字我有用 Z 座標提高的方式達到視差的效果，目前測試主流瀏覽器都支援，不過 Firefox 順暢度比 Chrome 高。

現在這個效果已經套用在萌芽網站導覽上，行動版不支援這次的更新。

#公告 #網站導覽 #方塊 #新增浮動特效 #浮動特效 #浮動方塊 #Tilt_js #jQuery插件 #jQuery #插件

🆕 https://mnya.tw/about/log/2019.html

【公告】網站導覽、攝影網啟用視差效果
發布編號：466 - 發佈日期：2019/01/27

經過數個小時的查詢，終於找到一款不錯的視差效果 jQuery 插件，名稱為「paroller.js」，效果很不錯且支援行動版！😎

萌芽網站導覽與攝影網上方區塊背景圖正式採用視差效果，只要滾動或滑動頁面就可以看到這個視覺效果，非常酷炫！其實很多網站早就有採用這個特效，相信大家應該也能常看到這個特效於其他網站！😁

#公告 #網站導覽 #攝影網 #啟用 #視差效果 #視差 #視覺效果 #paroller #jQuery插件 #jQuery #插件

🆕 https://mnya.tw/about/log/2019.html

【公告】萌芽綜合天地程式展示升級
發布編號：467 - 發佈日期：2019/01/27

萌芽綜合天地有許多類型的文章會需要展示程式碼提供訪客參考，之前用的我一直不太滿意，首先是載入速度過慢的問題，還有沒有很方便的一鍵複製功能，因此我今天凌晨研究時，發現到一個 JS 插件，可以滿足我的需求，那就是「Prism」。😁

因為是 Wordpress 架構，所以我有找到更方便的整合外掛，編輯畫面就可以直接插入原始碼（程式碼），顯示也比先前快很多，幾乎所有程式語言都支援標記功能，行號也能顯示，更重要的是一鍵複製功能也有了！😆

今天這個功能已經正式上線在萌芽綜合天地囉！

#公告 #萌芽綜合天地 #程式展示升級 #程式展示 #升級 #Wordpress #Prism #插件

🆕 https://mnya.tw/cc/word/1292.html
【作者：萌芽站長；💻萌芽綜合天地；🖥網站技術 , ⌨️HTML , ⚙️JavaScript , 🔧jQuery】
「Tilt.js」是一款可以達到視差懸停傾斜效果（parallax hover tilt effect）的 jQuery 插件，插件本身不需要 CSS...
#Tilt_js #浮動方塊 #視差懸停傾斜效果 #jQuery插件 #jQuery #插件 #視差 #視差懸停傾斜 #網站技術 #HTML #JavaScript #JS

🆕 https://mnya.tw/cc/word/1293.html
【作者：萌芽站長；💻萌芽綜合天地；🖥網站技術 , ⌨️HTML , ⚙️JavaScript , 🔧jQuery】
「paroller.js」由 tgomilar 開發，採 MIT 授權，可免費使用於網站，仰賴 jQuery 運行的插件，易於使用！適用於有 background...
#paroller_js #視差滾動 #jQuery插件 #jQuery #插件 #簡單快速 #製作 #視差效果 #視差 #網站技術 #HTML #JavaScript #JS

🆕 https://mnya.tw/cc/word/1294.html
【作者：萌芽站長；💻萌芽綜合天地；🖥網站技術 , ⌨️HTML , 🎨CSS , ⚙️JavaScript】
「Prism」是一款輕亮的程式語言標記 JS 插件，無須 jQuery，插件檔案包含 .js 與 .css 兩個檔案，就如官方所述，使用方式超級簡單！引入插件檔案後使用...
#Prism #輕亮 #程式語言標記 #程式語言 #標記 #JS插件 #JavaScript插件 #JavaScript #JS #插件 #已用於數千個網站 #網站技術 #HTML #CSS