分類
前端設計

酷炫的Js排序分頁功能-TinyTable JS

這幾天嘗試把魔獸英雄榜的公會資料成員抓下來玩,抓回來的樣子如下

http://i-joyland.com/wowparty/list.php

然後改成將資料寫入DB

再另外撈出來

當然撈出來的樣子也是一樣。

上網尋找到一個透過 JS 就可達到各欄位排序及分頁的功能

TinyTable JavaScript Table Sorter

重點是JS只有 2.5KB,只要在頁面上加上簡單的語法就可以做出欄位排序及不同數量顯示分頁的功能了。

看起來應該是將所有資料撈出來後透過JS處理,不過當筆數變很大量時,能不能即時處理呢@@..

套用之後的結果

http://i-joyland.com/wowparty/search.php

官網的demo

這功能很不錯,可以多玩玩 XD

分類
喃喃自語

學寫程式之後發文量降低

最近發現自己 PO 文量降低,應該跟寫程式有關,之前沒在學寫程式,所以常寫部落格,不過最近學習寫 PHP 之後,回家大多陪家人跟陪電腦 @@ 。

前一陣子買了一本 Javascript 的書,不過還沒有時間 K ,這本也是網友推薦的,當時買的時候打五折,所以含運費才 270 元XD ,現在應該要 4xx 了的樣子~~撿到便宜了。

這篇文章純粹充場面用 XD

分類
Web 2.0 艾德分享

讓圖片自動加上美麗的外框

一般的圖片都是四四方方的,有點死板的感覺,可是手邊沒有繪圖軟體(Photoshop, Photoimpact)或者看圖軟體的時候,該如何將圖片把他變得美美的呢?

Glossy.js 是個小小的 javascript ,只要將他置入網頁中,在給予圖片一個 class 來使用,圖片就會出現精美的外框。

以下是範例效果:

原圖片

套入 class 之後

再來一張 XD 這張是圓角不同的

這作法很簡單,只要將 glossy.js 加到 header.php 裡頭,加入下列代碼


其他的控制外框的方法可以參考內附的說明,裡面也附有 index.htm 可以執行起來看效果及說明。目前 Glossy.js 支援 Mozilla Firefox 1.5+, Opera 9+, IE6+ and Safari. 當然官網也提到如果是使用更舊版本的瀏覽器,最好還是更新到新版吧。至於 js 的部份,檔案大小約 15k 如果怕讀取太久,可以考慮把 js 丟到 hinet 或者 google page @_@因為速度快,嘿嘿。

前往官網

本站不提供下載,請前往官網下載。