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

🆕 https://mnya.tw/cc/word/1287.html
【作者：萌芽站長；💻萌芽綜合天地；🖥網站技術 , ⌨️HTML , 🎨CSS , ⚙️JavaScript , 🔧jQuery】
「jQuery Zoom」由 Jack Moore 開發，採用 MIT 授權，可免費使用於自己的網站上...
#jQuery_Zoom #圖片放大插件 #指定大小內原始比例呈現圖片大小 #jQuery插件 #MIT授權 #網站技術 #HTML #CSS #JavaScript #JS #jQuery

🆕 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/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/about/log/2019.html

【公告】下捲自動隱藏行動版導覽列
發布編號：469 - 發佈日期：2019/02/05

農曆新年來個小更新，這次運用 jQuery 製作了捲動偵測的小程式，讓使用者在向下捲動時收起上方導覽列，增加顯示重要內容的空間，向上捲動時則顯示上方導覽列，隱藏和顯示有設計相對的動畫 😉。
當然這個效果僅會在行動版執行，電腦螢幕很大就不需要這樣的設計，希望您喜歡 ☺️。

#公告 #jQuery #下捲自動隱藏行動版導覽列 #向下捲動 #自動隱藏 #行動版導覽列 #行動版 #導覽列

🆕 https://mnya.tw/cc/word/1302.html
【作者：萌芽站長；💻萌芽綜合天地；🖥網站技術 , ⌨️HTML , 🎨CSS , ⚙️JavaScript , 🔧jQuery】
「Easing 函數速查表」由 Andrey Sitnik 提供，各國家的貢獻者協助翻譯，因此網站還支援非常多的語言，包含正體中文（繁體中文）唷！我們前端網頁設計師...
#Easing函數速查表 #函數速查表 #Easing #函數 #Easing函數 #速查表 #網頁動畫執行速度函數查詢 #動畫執行速度函數 #CSS #SCSS #jQuery #JS #JavaScript #HTML #網站技術 #前端 #網頁 #網頁設計

🆕 https://mnya.tw/cc/word/1402.html
【✨精選文章；作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 🔐資訊安全 , 🖥伺服器 , 💾資料庫 , 📄PHP , ⚙️JavaScript , ⚙️jQuery , 🔍SQL】
一般來說如果一個網站有站內搜尋，可以更方便使用者找到想要的資訊，但如果要增進使用者體驗，有什麼方法可以讓簡單的搜尋變得更加美好？沒錯！那就是運用...
#PHP #AJAX #MySQL #SQL #即時搜尋 #即時搜尋系統 #搜尋 #搜尋系統 #邊打字邊搜尋 #邊打字邊搜尋資料庫 #資料庫 #網站技術 #資訊安全 #伺服器 #JavaScript #jQuery #站內搜尋 #搜尋資料 #搜尋資訊 #使用者體驗 #Search

🆕 https://mnya.tw/cc/word/1410.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 🖥HTML , 🎨CSS , ⚙️JavaScript , ⚙️jQuery】
網頁上也能使用 Emoji（表情貼／表情符號），網頁原生表情貼就是直接採用系統內建的圖示，但 Emoji 發展得相當快速，有時候系統更新速度常常不夠快，導致部分...
#Twemoji #網頁原生表情貼 #完美替換 #Twitter表情貼 #示範 #Twitter #表情貼 #表情符號 #圖示 #Emoji #網站技術 #HTML #CSS #JavaScript #jQuery

🆕 https://mnya.tw/cc/word/1415.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , ⚙️JavaScript , ⚙️jQuery】
我標題直接下「最佳的」，原因是這是我在網路上找到最容易使用且最不會受到干擾的通知提示 jQuery 插件！Toastr 使用起來非常簡單，拿來當作後端...
#Toastr #最佳的通知提示 #通知提示 #通知 #提示 #jQuery插件 #jQuery #插件 #JavaScript #JS #網站技術

🆕 https://mnya.tw/cc/word/1422.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄HTML , 🎨CSS , ⚙️JavaScript , ⚙️jQuery】
🍪 Cookie（餅乾）在網路世界中無所不在，可以讓使用者儲存網頁設定到瀏覽器中，下次瀏覽時網站就能提供更個人化的服務給同位訪客，其實是一個不錯運用的技術...
#js_cookie #運用餅乾製作簡易黑暗模式示範 #黑暗模式 #夜間模式 #深色模式 #Cookie #餅乾 #示範 #教學 #網站技術 #HTML #CSS #JavaScript #JS #jQuery

🆕 https://mnya.tw/cc/word/1428.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄HTML , ⚙️JavaScript , ⚙️jQuery】
人總是遇上困難才知道如何去解決它，這次我碰上了！本站使用長時間的 jQuery CDN 「code.jquery.com」竟然無預警掛點，我的天呀！一下子網站一堆東西都失效了...
#jQuery_CDN #jQuery #CDN #掛點解決方案 #掛點 #解決方案 #JavaScript #JS #本地替代方案 #網站技術 #HTML

🆕 https://mnya.tw/cc/word/1467.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄JavaScript , 📄jQuery】
自己還是喜歡寫網頁相關的教學，不管是什麼程式語言都沒有前端語言（HTML、CSS、JavaScript）來的習慣！只要沒有資訊安全的問題，前端可說是超級萬能...
#jQuery_qrcode #純前端生成QRCode #前端生成QRCode #QRCode #jQuery #JavaScript #JS #網站技術

🆕 https://mnya.tw/cc/word/1469.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄JavaScript , 📄jQuery】
前端除了能生成 QR Code，竟然還能掃描 QR Code？沒錯！只要運用 instascan 這個插件就可以運用 WebRTC 這樣的技術來做到掃描 QR Code...
#instascan #純前端 #純前端掃描QRCode #掃描QRCode #QRCode #WebRTC #jQuery #JavaScript #JS #網站技術

🆕 https://mnya.tw/cc/word/1537.html
【✨精選文章；作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📝HTML , ⚙️JavaScript , ⚙️jQuery , ⌨️架站程式 , 📝WordPress】
我在《WordPress 外掛推薦列表（2016、2017舊版）》這篇文章就有推薦 WordPress 外掛「WordPress Popular Posts」，這款外掛可以幫助網站主記錄每篇文章的流量...
#取得WordPress_Popular_Posts_REST_API_熱門文章資訊至任何網頁 #WordPress_Popular_Posts #WPP #REST_API #API #熱門文章 #AJAX取得JSON #AJAX #JSON #取得資料 #網站技術 #HTML #JavaScript #JS #jQuery #架站程式 #WordPress #WP

🆕 https://mnya.tw/cc/word/1569.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄HTML , 📄JavaScript , 📄jQuery】
好久一段時間沒來研究前端，這次的主題是「打造多國語言的靜態網頁」，上網搜尋找到非常多的作法，但這次我想找的是相對最為簡單、技術門檻最低的方式...
#利用自定義HTML屬性打造多國語言的靜態網頁 #自定義HTML屬性 #多國語言靜態網頁 #多國語言 #靜態網頁 #HTML #jQuery #JavaScript #JS #網站技術

🆕 https://mnya.tw/cc/word/1735.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄HTML , 🎨CSS , 📄JavaScript , 📄jQuery】
為了方便以後讓任何網站都能快速擁有回頂部按鈕，特別寫了一個結合 HTML、CSS、JavaScript 和 jQuery 的回頂部按鈕，輕鬆就能使用！基本上只要在網頁...
#自動隱藏且可直接使用的網頁回頂部按鈕 #自動隱藏 #可直接使用 #網頁回頂部按鈕 #回頂部按鈕 #回頂部 #HTML #CSS #jQuery #JavaScript #JS #網站技術

🆕 https://mnya.tw/cc/word/1773.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄HTML , 📄JavaScript , 📄jQuery】
jQuery Validate 是一個歷史悠久的 jQuery 套件，始於西元 2006 年 7 月，因此有許多網站都有使用到這個套件，它可以幫助開發者設計表單欄位資料驗證方法...
#jQuery_Validate #簡單 #驗證表單欄位資料格式 #驗證表單欄位 #驗證表單 #解決方案 #HTML #jQuery #JavaScript #JS #網站技術

🆕 https://mnya.tw/cc/word/1776.html
【作者：萌芽站長；💻萌芽綜合天地；🌐網站技術 , 📄JavaScript , 📄jQuery】
jQuery 在很多地方簡寫了 JavaScript 的語法，讓開發者能在更短的行/字數中寫出一個功能出來，也能減少許多開發時間...
#replace #字串取代 #字串 #取代 #如何取代所有符合的字串 #jQuery #JavaScript #JS #網站技術