使用 JavaScript 操作剪貼簿複製文字

在過去想要用 JavaScript 操作剪貼簿進行複製、貼上的動作十分麻煩,之前在開發 NTUST.ME 臺科短網址時,為了方便大家複製縮短後的網址,特別研究了 JavaScript 對剪貼簿操作的 API,發現在較新版的瀏覽器,其實有一個 execCommand 可以進行許多方便的文字操作,例如複製、全選等等,以下就讓我來介紹一下吧!

閱讀全文 使用 JavaScript 操作剪貼簿複製文字

【jQuery】Lazyload – 延遲圖片載入

在攝影類的網站通常會放很多的圖片,當訪客瀏覽這類網站時就要開啟蠻久的,因為要載入很多的照片,這對於網站主機的流量影響蠻大的,而且會造成訪客瀏覽時的CPU Time增加很多,在這裡要介紹一套叫做Lazyload的jQuery插件,它可以延遲圖片的載入,也就是說當你進入到一個網站時,並不會一次載入所有的圖片,而是只載入一部分的圖,當你拉動瀏覽器的捲軸時,它會載入「你正在看的區塊的圖片」,所以網頁的載入速度就會變得比較快
閱讀全文 【jQuery】Lazyload – 延遲圖片載入

【CSS 3】純粹使用CSS就可以讓你的網站擁有圓角效果!

在CSS 2的時代,我們如果要讓圖片、div標籤擁有圓角效果其實是蠻麻煩的,簡單點的用法是套用jQuery裡面別人幫你寫好的Function,如果喜歡自己搞的話,就必須要設計圓角圖,然後讓圓角圖去重疊,反正就是很複雜就對了,但是在CSS 3裡面,你不在需要用那麼麻煩的東西,直接在CSS語法裡面設定就可以了!

閱讀全文 【CSS 3】純粹使用CSS就可以讓你的網站擁有圓角效果!

透過jQuery.qrcode直接在瀏覽器產生QR Code

要繪製QR-Code有很多種方法,可以自己寫函式去繪製,也可以使用別人提供的API來繪製,例如使用Google Chat API來產生QR Code就是用API的方法,而在這篇文章要講的jquery.qrcode則是使用別人撰寫好的函式來產生條碼,原本我搞不清楚jquery.qrcode與Google Chat API的差別,後來才知道Google Chat API是將資料送到Google的伺服器上產生,而jquery.qrcode則是直接由瀏覽器來進行匯製
閱讀全文 透過jQuery.qrcode直接在瀏覽器產生QR Code