米薩克
  • 首頁
  • KBtalKing Pro
  • 關於作者
  • 鍵盤
  • 滑鼠
  • 工具
  • 網站連結
  • 首頁
  • KBtalKing Pro
  • 關於作者
  • 鍵盤
  • 滑鼠
  • 工具
  • 網站連結
米薩克

Mesak 敗家、筆記、生活

標籤:

javascript

JavaScript

[JS] SELECT2 With Bootstrap4 remove button use span

by Mesak 2020-05-22
written by Mesak

應用套件遇到一點小問題

SELECT2 套件 https://github.com/select2/select2 套上樣式 Bootstrap 4 – select2-bootstrap4-theme 的時候

Select2  的版本為 4.1.0-beta.1, Select2-bootstrap4-theme 套用的 Select2 版本為 4.0.6-rc.0 目前看到最大的差異是針對 多選的取消框會有點樣式上的問題

原設計的畫面如下:

繼續閱讀
2020-05-22 0 comment
0 FacebookTwitterPinterestTumblrRedditLINEEmail
WordPress

[Plugin] WordPress google CDN 修改為 360 CDN

by Mesak 2014-07-11
written by Mesak

今天看到免費資源網路社群 分享的 libs.useso.com:360 提供免費前端公共庫 CDN 服務,當下有個衝動想把它寫成外掛

因為大部分的部落格,主要的收看群並不是中國的為主,只有中國的部落客與收看者才會需要這種服務,如果放在部落格上,只會影響以外的收看群,所以寫了一個外掛,針對瀏覽器的語系,來判斷是否要不要替換成 360的CDN服務

其實最主要還是 googlefonts 的服務,這個受到的影響最大,其他就還好,本外掛主要根據

  • [WP插件]Open Fonts替换
  • [WP插件]Google Libs替换

這兩篇文章來做基礎替換。

繼續閱讀
2014-07-11 2 comments
0 FacebookTwitterPinterestTumblrRedditLINEEmail
網路資訊

[技巧] 網頁上快速存圖 (三):放大 Google 圖片

by Mesak 2013-12-03
written by Mesak

先前教學的一篇 [技巧] 網頁上快速存圖 (一):縮圖變大圖 針對Google 的圖片是沒有效果的,為什麼呢?

首先要來分析一下 Google的存圖結構,我們就以 這篇文章 來做示範

首先第一個步驟就是複製 第一張圖片的圖片網址

繼續閱讀
2013-12-03 0 comment
0 FacebookTwitterPinterestTumblrRedditLINEEmail
PHP

[Plugin] WordPress 標籤雲外掛: Muki Tag Cloud

by Mesak 2013-11-06
written by Mesak

WordPress  用了一年多了,一直都沒機會參透它的程式,這次在一個因緣際會下看了一篇文章:製作不規則形狀的 WordPress 標籤雲 之後,便與 Muki Wu 一起合作開發一款 WordPress 的 Plugin,名為 :Muki Tag Cloud。

這是一款可以將 WordPress 的標籤雲利用 Javascript 隨機編排出位置的 Plugin,利用 jQuery 的 Plugin 程式 jQCloud 來達成的插件。

繼續閱讀

頁次: 1 2

2013-11-06 8 comments
0 FacebookTwitterPinterestTumblrRedditLINEEmail
網路資訊

[技巧] 網頁上快速存圖 (二):取得下一頁圖片

by Mesak 2013-07-14
written by Mesak

繼上一篇 [技巧] 網頁上快速存圖 (一):縮圖變大圖 ,這次要來教的是更進階的技巧。

當我們在看一串圖的時候,有些時候會被分成好幾頁來觀看,如果分頁少一點還可以接受,但是有些網站分頁實在太多,有時候一整套圖十幾張,一頁就分一張,這要抓圖實在有點難,有些人可能會安裝自動分頁軟體來換頁,然後再利用技巧把圖片放大,這是種解決辦法,但是當分頁軟體沒辦法幫助到你的時候,也只能自力救濟了。

這次應用到的技巧一樣是 Jquery ,如果想要學習 Jquery 可以透過一些速成書籍或是線上教學網站 http://learn.jquery.com/ 來學習,或是看中文版的 學習 jQuery 從入門到精通只要兩小時!投影片。

這次的範例網站選了一個圖片很多的 完美女人,這網站就是典型的一張圖一張網頁,要抓圖的方式也是非常簡單。

繼續閱讀
2013-07-14 0 comment
0 FacebookTwitterPinterestTumblrRedditLINEEmail
網路資訊

[技巧] 網頁上快速存圖 (一):縮圖變大圖

by Mesak 2013-06-22
written by Mesak

不少人都有存圖的習慣,我自己也有,通常呢我都用右鍵快速的把圖片存下來,但是當你想存的圖片很多該怎麼辦呢,我的方法是使用 [教學] 如何把文章中的連結變成圖片直接看 這個技巧把圖片給變成大圖,當圖片變成大圖的時候,只需要按下 CTRL+S 也就是 選單裡面的 檔案→存檔,把網頁帶圖片一次給存下來,整張網頁中的檔案就在裡面了

這時候桌面上會有兩個檔案,以 [開箱] V-MODA Crossfade M-80 專業低音耳機 這篇文章來說,如果你想全部把圖片存下來,只需要 利用我的 教學 把連結圖片一次變成大圖片,等圖片載入完畢之後,存檔的資料夾上就會出現兩個檔案

  • [開箱] V-MODA Crossfade M-80 專業低音耳機   Mesak Blog_files
  • [開箱] V-MODA Crossfade M-80 專業低音耳機   Mesak Blog.htm

通常呢,存圖片是不需要存文字的,這時候只需要點入檔名帶有_files 的資料夾,把你需要的圖片抓出來,移動到另一個資料夾下就好了,這時候只需要刪除網頁 OR 資料夾,兩個文件就會刪除了。

繼續閱讀
2013-06-22 0 comment
0 FacebookTwitterPinterestTumblrRedditLINEEmail
JavaScript

[JS] 表格新增移除整欄

by Mesak 2013-03-06
written by Mesak

今天在寫案子的時候,剛好要寫一個類似比較的功能,找了大半天沒找到類似的套件可以應用

所以自己就大概寫了一個 insert table column and remove table column 的Jquery 程式

一次新增一欄資料,以及移除一欄資料

http://jsfiddle.net/mesak/6mSe7

繼續閱讀
2013-03-06 0 comment
0 FacebookTwitterPinterestTumblrRedditLINEEmail
JavaScript

[JS] Radio Shift Multi Select

by Mesak 2012-11-23
written by Mesak

最近工作需要寫了個小程式,這邊做個紀錄

程式碼在這邊:http://jsfiddle.net/mesak/AZnpP/1/embedded/result/

繼續閱讀
2012-11-23 0 comment
0 FacebookTwitterPinterestTumblrRedditLINEEmail
軟體

[教學] 如何把文章中的連結變成圖片直接看

by Mesak 2012-09-28
written by Mesak

我們常常看網頁的時候會看到網頁中有圖片的網址

這個時候我們都需要去點擊他,如果只有一兩張還好

但是連結一多了你就會開始厭煩了 XD

現在要教一招可以直接取代連結中的圖片,又不需要裝任何套件的方式

繼續閱讀
2012-09-28 0 comment
0 FacebookTwitterPinterestTumblrRedditLINEEmail
JavaScript

[JS] 關閉視窗確認

by Mesak 2012-02-06
written by Mesak

剛好實作到的程式,紀錄一下

作用是,按下關閉登出的時候,詢問是否要登出系統,確定登出,執行某 函式

應用到了 jquery ,所以要載入 jquery

1
2
3
4
5
6
7
8
9
10
11
12
$(document).mouseleave(function(e){
    window.onbeforeunload =  function () {
        window.onunload =  function () {
        alert('bye')
    }
    return '您確定要登出本系統?';
}
});
$(document).mouseenter(function(e){
    window.onbeforeunload =  null
    window.onunload =  null
});

繼續閱讀
2012-02-06 2 comments
0 FacebookTwitterPinterestTumblrRedditLINEEmail
較新文章
較舊文章

米薩克

米薩克

標籤

3D 3D Print 3D Printer 80%鍵盤 A.O.Smith Acer Amacrox amazon amd anacomda Android Android App AORUS APC APS asus atom printer AutoHotKey AverMedia AZIO B.Friend backbone BenQ big5 blog BOX軸 CAMPFIRE AUDIO Cherry CHOC軸 chrome cloud CM Storm CM插針 CODE Codeigniter Computex Cooler Master Corsair CSS cube CyberPower DAC DAREU delux DEMON ART DIP Switch DIY DSI DTS Ducky dyson EarSonics EaseUS Editor Elecom elos emeditor Ender Ender2s ENERMAX Everything Excel eye tracking Facebook Fidget Figma Filco firefox FLASH Flux Fostex Gigabyte Google Gorilla Gravastar GreaseMonkey GX1 GX7 HTC i-rocks InFocus Intel ione IROCKS JAKI javascript joke jQuery JVC Kaspersky KBParadise KBT KBtalKing keyboard KS軸 KT軸 LEOPOLD LG LINDY linux mabinogi macro Mesh Wi-Fi Miracast MMCX moft Mokibo mootools mp3 MSI music MXM Netgear Nintendo Switch Noble Audio notebook NS NUARL nuc NVIDIA O-Zone online open overna O環 PaMu Panasonic pbt Perixx Phorus Photoimpact php PING pink plays POIEMA POJUN POJUN 波軍 Print PROXXON QNAP Qualcomm Razer Realforce Redragon RGB RGB 機械式鍵盤 Roccat Rocktek rog Rosewill Router samsung SANWA snapmaker Sony SSD Steel Series step switch sybase t-bone Tampermonkey Tesoro TEX Tobii TP-LINK TSA 密碼鎖 TSA 海關鎖 Tt eSPORTS UPS userscript utf8 V-MODA varmilo vba VentureCraft video Vinpok VJJB WASD Whizzer WiDi WiFi WiFi 5 WiFi 6 Wiha Wii Wizard Wooting Wordpress Wowstick Wowstick Mini XFastest xoops XYZprint XYZprinting youtube ZIPPY zoeao Zowie Zyxel 一氧化碳偵測器 中刻 二色成型 亞立田 人體工學 代買 代購 代運 任天堂 側刻 側背包 光碟機 光磁微動 光軸 入耳式耳機 全家 凱華 凱酷 利民 剪刀 募資 包包 化石 半高軸 印表機 吉米家居 吸塵器 咖啡 喇叭 單機 圖 圖片 多彩 太豪 太陽軸 套筒 小米 尖嘴鉗 展碁 工具箱 工具車 巧克力軸 平衡 彩光 微動開關 微軟 恆溫熱水器 手工具 手把 手柄 手機架 手錶 打磨機 扳手 插座 搖桿 撲克牌 擴香石 攝影 改裝 教學 散打機 文公尺 文具 文字 斜口鉗 旋剛 桌遊 棘輪 椅子 標籤雲 模型 機器人 機械鍵盤 沙發 波軍 活動扳手 派美特 淘寶 減肥 滑板 滑鼠 滑鼠墊 濾壓式 濾紙式 灰軸 烤爐 無刻 無線 無線充電 無線滑鼠 無線鍵盤 熱水器 燈 瘋金剛 發光鍵盤 白光 白軸 相機 相機包 真無線藍牙 矮軸 磁碟分區 積木 積木鍵盤 空氣 空氣淨化器 空氣清淨機 立架 簡報 米家 米物 系統轉移 紅光 紅軸 紅龍 紫光 綠光 綠軸 繪圖卡 羅技 美工刀 美洲獅 翻譯 老虎鉗 老貓 耳塞式耳機 耳機 耳罩式耳機 背光鍵盤 舒壓 英刻 茶軸 茶館 薄膜鍵盤 藍光 藍牙 藍牙4 藍牙5 藍牙喇叭 螢幕 螺絲起子 行動電源 觸控板 設計 變形機構 貼耳式耳機 資料備份 資料救援 軌跡球 軟體 迷你魔 遊戲耳機 郵局 酒 鉗子 銀軸 鋼彈 鍵帽 鍵盤 鑰匙圈 防水 集貨 集資 雷射 雷雕 電動 電動起子 電池 電競 電競椅 電競滑鼠 電競耳機 電競鍵盤 青軸 靜電容鍵盤 靜音 靜音滑鼠 頸掛式 頸掛式喇叭 顯示卡 食記 飲料 骨頭 麥克風 黑軸

近期文章

  • [開箱] POJUN 波軍 PJ03 熱插拔 RGB 機械式鍵盤
  • [開箱] A.O.史密斯 JSQ31-ST16T 不鏽鋼換熱器熱水器
  • [開箱] NVIDIA Quadro P2200 專業繪圖卡
  • [筆記] FreeTDS 吃 big5 問題
  • [活動] 展碁-x-老貓-2020 後疫情新工作樣貌

彙整

  • 2021 年 2 月
  • 2020 年 12 月
  • 2020 年 11 月
  • 2020 年 10 月
  • 2020 年 9 月
  • 2020 年 8 月
  • 2020 年 7 月
  • 2020 年 6 月
  • 2020 年 5 月
  • 2020 年 4 月
  • 2020 年 3 月
  • 2020 年 2 月
  • 2020 年 1 月
  • 2019 年 12 月
  • 2019 年 11 月
  • 2019 年 10 月
  • 2019 年 9 月
  • 2019 年 8 月
  • 2019 年 7 月
  • 2019 年 6 月
  • 2019 年 5 月
  • 2019 年 4 月
  • 2019 年 3 月
  • 2019 年 2 月
  • 2019 年 1 月
  • 2018 年 12 月
  • 2018 年 11 月
  • 2018 年 9 月
  • 2018 年 8 月
  • 2018 年 7 月
  • 2018 年 6 月
  • 2018 年 5 月
  • 2018 年 4 月
  • 2018 年 3 月
  • 2018 年 2 月
  • 2018 年 1 月
  • 2017 年 12 月
  • 2017 年 11 月
  • 2017 年 10 月
  • 2017 年 9 月
  • 2017 年 8 月
  • 2017 年 6 月
  • 2017 年 4 月
  • 2017 年 3 月
  • 2017 年 2 月
  • 2017 年 1 月
  • 2016 年 12 月
  • 2016 年 11 月
  • 2016 年 10 月
  • 2016 年 9 月
  • 2016 年 8 月
  • 2016 年 7 月
  • 2016 年 6 月
  • 2016 年 5 月
  • 2016 年 4 月
  • 2016 年 3 月
  • 2016 年 1 月
  • 2015 年 12 月
  • 2015 年 11 月
  • 2015 年 10 月
  • 2015 年 9 月
  • 2015 年 8 月
  • 2015 年 7 月
  • 2015 年 6 月
  • 2015 年 5 月
  • 2015 年 4 月
  • 2015 年 3 月
  • 2015 年 2 月
  • 2015 年 1 月
  • 2014 年 12 月
  • 2014 年 11 月
  • 2014 年 10 月
  • 2014 年 9 月
  • 2014 年 8 月
  • 2014 年 7 月
  • 2014 年 6 月
  • 2014 年 5 月
  • 2014 年 4 月
  • 2014 年 3 月
  • 2014 年 2 月
  • 2014 年 1 月
  • 2013 年 12 月
  • 2013 年 11 月
  • 2013 年 9 月
  • 2013 年 8 月
  • 2013 年 7 月
  • 2013 年 6 月
  • 2013 年 5 月
  • 2013 年 4 月
  • 2013 年 3 月
  • 2013 年 2 月
  • 2013 年 1 月
  • 2012 年 12 月
  • 2012 年 11 月
  • 2012 年 10 月
  • 2012 年 9 月
  • 2012 年 8 月
  • 2012 年 7 月
  • 2012 年 6 月
  • 2012 年 5 月
  • 2012 年 4 月
  • 2012 年 3 月
  • 2012 年 2 月
  • 2012 年 1 月
  • 2011 年 12 月
  • 2011 年 11 月
  • 2011 年 10 月
  • 2011 年 9 月
  • 2011 年 8 月
  • 2011 年 7 月
  • 2011 年 6 月
  • 2011 年 5 月
  • 2011 年 4 月
  • 2011 年 3 月
  • 2011 年 2 月
  • 2010 年 11 月
  • 2010 年 10 月
  • 2010 年 9 月
  • 2010 年 7 月
  • 2010 年 4 月
  • 2010 年 3 月
  • 2009 年 11 月
  • 2008 年 12 月
  • 2008 年 10 月
  • 2008 年 9 月
  • 2008 年 8 月
  • 2008 年 7 月
  • 2008 年 6 月
  • 2008 年 4 月
  • 2008 年 3 月
  • 2008 年 2 月
  • 2008 年 1 月
  • 2007 年 12 月
  • 2007 年 11 月
  • 2007 年 10 月
  • 2007 年 9 月
  • 2007 年 8 月
  • 2007 年 7 月
  • 2007 年 6 月
  • 2007 年 5 月
  • 2007 年 4 月
  • 2007 年 3 月
  • 2007 年 2 月
  • 2007 年 1 月
  • 2006 年 12 月
  • 2006 年 11 月
  • 2006 年 10 月
  • 2006 年 9 月
  • 2006 年 8 月
  • 2006 年 7 月
  • 2006 年 6 月
  • 2006 年 5 月
  • 2006 年 3 月
  • 2006 年 2 月
  • 2006 年 1 月
  • 2005 年 12 月
  • 2005 年 11 月
  • 2005 年 10 月
  • 2005 年 9 月
  • 2005 年 8 月

分類

  • 個人配件
  • 咖啡
  • 家用主機
  • 家電
  • 工具
    • 文具
  • 影音
  • 玩具
  • 硬體
    • 3D Printer
    • 其他周邊
    • 喇叭
    • 手把
    • 手機
    • 滑鼠
    • 相機
    • 耳機
    • 鍵盤
    • 電源
  • 碎碎念念
  • 程式
    • Chrome extensions
    • JavaScript
    • PHP
    • Python
    • WordPress
  • 網路資訊
  • 美食
  • 軟體
  • 遊戲
  • 遊玩
  • 運動

書籤

  • SayDigi | 點子生活
  • Sinchen 部落格 電腦3C開箱文與使用心得分享兼美食攝影
  • Chibc’blog 暗月之鏡的部落格
  • MUKI space* 文具,lomo,攝影,電影,生活,設計
  • 樂在設計 提供Wordpress之設定、佈景、外掛相關教學,網頁設計、網站架設、軟體教學、硬體教學、開箱文為主要文章類別,以專業詳細的態度撰寫文章!
  • 老貓測3C 電腦3C科技硬體軟體相關測試與分享
  • 台灣小吃札記  想吃什麼、去哪吃、怎麼吃?歡迎翻開台灣小吃札記。
  • 波蘿日報|Polonews 明星臉,撞臉,臣姦新聞,惡搞轉蛋,各式面具,奇妙商品
  • 3C 達人廖阿輝

About

Mesak

mesak

http://about.me/mesak

Contact:

Mesak Gmail

Histats:

Online:

2021 年 2 月
一 二 三 四 五 六 日
1234567
891011121314
15161718192021
22232425262728
« 12 月    
  • Facebook
  • Twitter

@2020- All Right Reserved. Designed and Developed by PenciDesign


Back To Top
米薩克
  • 首頁
  • KBtalKing Pro
  • 關於作者
  • 鍵盤
  • 滑鼠
  • 工具
  • 網站連結
@2020- All Right Reserved. Designed and Developed by PenciDesign