🆕 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 #網站技術
【作者:萌芽站長;💻萌芽綜合天地;🖥網站技術 , ⌨️HTML , ⌨️JavaScript , ⌨️jQuery】
不少情況下網站都會使用到 HTML Image Map 影像地圖,但 HTML 原生的影像地圖功能缺乏非常多必要的功能,舉例來說就無法套用 CSS 建立特效...
#HTML_ImageMap #ImageMap #影像地圖 #jQuery #推薦插件 #插件 #maphilight #加強特效 #rwdImageMaps #支援RWD #RWD #HTML #JavaScript #網站技術
萌芽綜合天地
HTML Image Map 影像地圖 jQuery 推薦插件:maphilight (加強特效)、rwdImageMaps (支援RWD) – 萌芽綜合天地
不少情況下網站都會使用到 HTML Image Map 影像地圖,但 HTML 原生的影像地圖功能缺乏非常多必要的功能,舉例來說就無法套用 CSS 建立特效,一般來說我們都會希望游標移至選擇區時出現特定特效,而不是只有指標變化,除此之外,隨著行動裝置的發達,使用手機、平板等裝置瀏覽網站的比例增加,影像地圖卻無法支援 RWD 也是一項缺失,這次因為學校的多媒體(網頁)期中專案需要用到影像地圖,
🆕 https://mnya.tw/cc/word/1278.html
【作者:萌芽站長;💻萌芽綜合天地;🖥網站技術 , ⌨️HTML , 🎨CSS , ⚙️JavaScript , 🔧jQuery】
「Flickity」算是我在找瀑布流插件時意外找到的 jQuery 插件,那時候剛好也非常缺乏像樣的幻燈片程式,網站首頁也需要一個來展示影片,就這麼剛好讓我找到這...
#Flickity #jQuery插件 #jQuery #插件 #全平台支援 #幻燈片 #卡片 #HTML #CSS #JavaScript #JS #自適應
【作者:萌芽站長;💻萌芽綜合天地;🖥網站技術 , ⌨️HTML , 🎨CSS , ⚙️JavaScript , 🔧jQuery】
「Flickity」算是我在找瀑布流插件時意外找到的 jQuery 插件,那時候剛好也非常缺乏像樣的幻燈片程式,網站首頁也需要一個來展示影片,就這麼剛好讓我找到這...
#Flickity #jQuery插件 #jQuery #插件 #全平台支援 #幻燈片 #卡片 #HTML #CSS #JavaScript #JS #自適應
萌芽綜合天地
Flickity:超強大的 jQuery 插件!建立全平台都支援的幻燈片或卡片! – 萌芽綜合天地
「Flickity」算是我在找瀑布流插件時意外找到的 jQuery 插件,那時候剛好也非常缺乏像樣的幻燈片程式,網站首頁也需要一個來展示影片,就這麼剛好讓我找到這款幾乎萬能的插件!怎麼說呢?首先我想要的功能它都有!支援上下頁手動切換、手機滑動切換、游標拖曳切換、下方圓點導覽以及自適應的功能!所以後來我不只拿這個插件做幻燈片,還用來做了網站導覽卡片,一樣非常好用!官方網站更是提供了大量的方法、
🆕 https://mnya.tw/cc/word/1280.html
【作者:萌芽站長;💻萌芽綜合天地;🖥網站技術 , ⌨️HTML , ⚙️JavaScript , 🔧jQuery】
「ScrollIt.js」是一款可以建立頁面滾動導覽的 jQuery 插件,插件本身非常小,支援透過電腦鍵盤移動至上下自定義的節點,不用再透過 HTML 所提供的「#」...
#ScrollIt #建立頁面滾動導覽 #滾動導覽 #導覽 #jQuery插件 #jQuery #插件 #網站技術 #HTML #CSS #JavaScript #JS
【作者:萌芽站長;💻萌芽綜合天地;🖥網站技術 , ⌨️HTML , ⚙️JavaScript , 🔧jQuery】
「ScrollIt.js」是一款可以建立頁面滾動導覽的 jQuery 插件,插件本身非常小,支援透過電腦鍵盤移動至上下自定義的節點,不用再透過 HTML 所提供的「#」...
#ScrollIt #建立頁面滾動導覽 #滾動導覽 #導覽 #jQuery插件 #jQuery #插件 #網站技術 #HTML #CSS #JavaScript #JS
萌芽綜合天地
ScrollIt.js:建立頁面滾動導覽的 jQuery 插件 - 萌芽綜合天地 - 萌芽網頁
「ScrollIt.js」是一款可以建立頁面滾動導覽的 jQuery 插件,插件本身非常小,支援透過電腦鍵盤移動至上下自定義的節點,不用再透過 HTML 所提供的「#」頁面導覽,功能實 […]
🆕 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
【作者:萌芽站長;💻萌芽綜合天地;🖥網站技術 , ⌨️HTML , 🎨CSS , ⚙️JavaScript , 🔧jQuery】
「jQuery Zoom」由 Jack Moore 開發,採用 MIT 授權,可免費使用於自己的網站上...
#jQuery_Zoom #圖片放大插件 #指定大小內原始比例呈現圖片大小 #jQuery插件 #MIT授權 #網站技術 #HTML #CSS #JavaScript #JS #jQuery
萌芽綜合天地
jQuery Zoom:圖片放大插件、在指定大小內原始比例呈現圖片大小 - 萌芽綜合天地 - 萌芽網頁
其實很早以前就用過類似的插件,只不過那個插件是商業授權的試用版,而且在改版的過程中還出錯,因此我就直接放棄使用了!後來在網路上找到這個功能更優的 jQuery 插件,支援 touch (觸控 […]
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
🆕 https://mnya.tw/about/log/2019.html
【公告】網站導覽、攝影網啟用視差效果
發布編號:466 - 發佈日期:2019/01/27
經過數個小時的查詢,終於找到一款不錯的視差效果 jQuery 插件,名稱為「paroller.js」,效果很不錯且支援行動版!😎
萌芽網站導覽與攝影網上方區塊背景圖正式採用視差效果,只要滾動或滑動頁面就可以看到這個視覺效果,非常酷炫!其實很多網站早就有採用這個特效,相信大家應該也能常看到這個特效於其他網站!😁
#公告 #網站導覽 #攝影網 #啟用 #視差效果 #視差 #視覺效果 #paroller #jQuery插件 #jQuery #插件
【公告】網站導覽、攝影網啟用視差效果
發布編號: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
【作者:萌芽站長;💻萌芽綜合天地;🖥網站技術 , ⌨️HTML , ⚙️JavaScript , 🔧jQuery】
「Tilt.js」是一款可以達到視差懸停傾斜效果(parallax hover tilt effect)的 jQuery 插件,插件本身不需要 CSS...
#Tilt_js #浮動方塊 #視差懸停傾斜效果 #jQuery插件 #jQuery #插件 #視差 #視差懸停傾斜 #網站技術 #HTML #JavaScript #JS
萌芽綜合天地
Tilt.js:浮動方塊製作、視差懸停傾斜效果 jQuery 插件 - 萌芽綜合天地 - 萌芽網頁
「Tilt.js」是一款可以達到視差懸停傾斜效果(parallax hover tilt effect)的 jQuery 插件,插件本身不需要 CSS,只需要 jQuery 和本 […]
🆕 https://mnya.tw/cc/word/1293.html
【作者:萌芽站長;💻萌芽綜合天地;🖥網站技術 , ⌨️HTML , ⚙️JavaScript , 🔧jQuery】
「paroller.js」由 tgomilar 開發,採 MIT 授權,可免費使用於網站,仰賴 jQuery 運行的插件,易於使用!適用於有 background...
#paroller_js #視差滾動 #jQuery插件 #jQuery #插件 #簡單快速 #製作 #視差效果 #視差 #網站技術 #HTML #JavaScript #JS
【作者:萌芽站長;💻萌芽綜合天地;🖥網站技術 , ⌨️HTML , ⚙️JavaScript , 🔧jQuery】
「paroller.js」由 tgomilar 開發,採 MIT 授權,可免費使用於網站,仰賴 jQuery 運行的插件,易於使用!適用於有 background...
#paroller_js #視差滾動 #jQuery插件 #jQuery #插件 #簡單快速 #製作 #視差效果 #視差 #網站技術 #HTML #JavaScript #JS
萌芽綜合天地
paroller.js:視差滾動 jQuery 插件、簡單快速製作視差效果! - 萌芽綜合天地 - 萌芽網頁
前陣子非常想在網站上製作視差效果,礙於時間因素沒有去找尋資料,現在寒假到了,我就著手開始尋找適合自己用的 jQuery 插件,最後找到了「paroller.js」覺得最滿意!讓我開 […]
This media is not supported in your browser
VIEW IN TELEGRAM
🆕 https://mnya.tw/about/log/2019.html
【公告】下捲自動隱藏行動版導覽列
發布編號:469 - 發佈日期:2019/02/05
農曆新年來個小更新,這次運用 jQuery 製作了捲動偵測的小程式,讓使用者在向下捲動時收起上方導覽列,增加顯示重要內容的空間,向上捲動時則顯示上方導覽列,隱藏和顯示有設計相對的動畫 😉。
當然這個效果僅會在行動版執行,電腦螢幕很大就不需要這樣的設計,希望您喜歡 ☺️。
#公告 #jQuery #下捲自動隱藏行動版導覽列 #向下捲動 #自動隱藏 #行動版導覽列 #行動版 #導覽列
【公告】下捲自動隱藏行動版導覽列
發布編號: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 #網站技術 #前端 #網頁 #網頁設計
【作者:萌芽站長;💻萌芽綜合天地;🖥網站技術 , ⌨️HTML , 🎨CSS , ⚙️JavaScript , 🔧jQuery】
「Easing 函數速查表」由 Andrey Sitnik 提供,各國家的貢獻者協助翻譯,因此網站還支援非常多的語言,包含正體中文(繁體中文)唷!我們前端網頁設計師...
#Easing函數速查表 #函數速查表 #Easing #函數 #Easing函數 #速查表 #網頁動畫執行速度函數查詢 #動畫執行速度函數 #CSS #SCSS #jQuery #JS #JavaScript #HTML #網站技術 #前端 #網頁 #網頁設計
萌芽綜合天地
Easing 函數速查表:網頁動畫執行速度函數查詢,可用 CSS、SCSS 或 jQuery - 萌芽綜合天地 - 萌芽網頁
「Easing 函數速查表」由 Andrey Sitnik 提供,各國家的貢獻者協助翻譯,因此網站還支援非常多的語言,包含正體中文(繁體中文)唷!我們前端網頁設計師常常需要製作網頁互動動 […]