哇寶部落格

緣起

由於本公司主要的客戶群都是 EC 網站，因此在商品的呈現上就會非常多元化。大部份的產品展示網頁在視覺呈現上都會被要求要有一定的水準，如果是需要特別的動態效悲果，那幾乎就是 Flash 的天下了。

然而在產品不斷翻新的網站，採用 Flash 來製作產品頁就顯得耗時與費工，更別說成本有多麼高了；就算我們可以用參數化的方式來讓載入產品資訊以解決過多 Flash 的問題，但一般視覺設計師所製作的 Flash 對 SEO 的支援度也相當糟糕，對產品的能見度也大打折扣。

s3Slider

jQuery s3Slider 就是一個效果非常棒的產品展示用 Plugin ，它讓我們單純使用 HTML 就能達到如同 Flash 般的動畫效果，而且配合適當的 CSS 時，更能在展示產品呈現一流的設計感。

繼續閱讀 »

原始網站：http://leandrovieira.com/projects/jquery/lightbox/

一般網頁上圖片的展示，很難讓人不聯想到 Lightbox 這個 Prototype 的燈箱特效。可惜的是 jQuery 與 Prototype 犯沖，沒辦法直接引用這個基於 Prototype 寫成的外掛。雖然如此，這麼經典的覽圖介面 jQuery 怎麼會放過呢？所以，jQuery lightBox plugin 就因此誕生了！

繼續閱讀 »

原始網站：http://tablesorter.com/docs/

表格一直是網頁呈現資料的最佳幫手，井然有序的將資料分門別類。但是如果僅由程式端對資料庫進行排序，在資料量並不多的情況下，無疑是對資料庫增加無謂的負擔；利用 JavaScript 對少量資料進行即時性的排序其實從以前就很常見，不過透過 jQuery 的幫助，tablesorter 能更簡單的對表格進行排序，同時也能經由參數的設定，讓表格排序能更加靈活的呈現。

繼續閱讀 »

原始網站：http://enhance.qd-creative.co.uk/demo/seekAttention/

閃爍的東西總是吸引人注意，在製作網站的過程中，也常常會碰到需要特別吸引使用者注意的地方；以往必須依賴 Flash 才能做到的閃爍的焦點效果，現在 jQuery 就能幫你輕鬆實現囉！seekAttention 提供類似 blockUI 的半透明遮罩，在需要引起使用者注意的元素上呈現閃爍的效果；同時只要經由簡單的參數設定，就能改變閃爍區塊的大小、遮罩的區域，甚至是顏色的切換。

繼續閱讀 »