程式設計師在編寫程式語言時都會有註解的需求，養成良好的程式註解習慣，一方面可以方便你隨時中斷編寫時的接續工作，而且在尤其Team work 的時候是團隊工程師都必須做到的基礎。且當你的程式碼越複雜，或...

可隨螢幕自動縮放的圖片 可以利用JavaScript 程式來判定視窗控制圖片的大小. 其實直接使用CSS語法就能簡單辦到~~ 要做一個適應性設計 (Responsive Web Design...

比起靜態的按鈕效果，一本動態的翻頁效果無疑更令人印象深刻 點我直接看範例

由瑞典的Tobias Ahlin所製作的CSS載入動畫,陸續更新當中 有最基本的圓圈淡入動畫,到最新的翻頁動畫都非常精彩~~ 並於網頁上方有source 原始檔可提供使用 ...

Css & jquery 水平滑動特效(滑鼠偵測) 這次我們試著作出一個當滑鼠移動到指定區塊(teaser)時,啟動讓上層圖片向左滑動 並顯現下方區塊文字與底圖 可應用於利用滑鼠翻牌...

這是一種jquery照片的特效 利用中間的控制桿讓兩張照片可以互相遮罩顯示 可以用於比較兩張照片 前後效果的不同 範例觀看 原始檔下載

這是利用css與jquery產生的對話框特效，這款對話框的特點是點擊按鈕後 對話框會以3D旋轉的動畫特效展現出來。 而且請大家試試看，點擊按鈕的不同部位，對話框3D旋轉的動畫方式也會不同。 ...

可偵測螢幕大小 利用右側圓點做導航按鈕 也可利用滑鼠滾輪控制頁面 範例觀看 可偵測螢幕大小 全營幕背景捲動 背景圖1920*1200(基隆忘憂谷+潮境公園自拍) 範例...

有時候想要一個簡單的按鈕，又苦於身邊沒有製圖軟體~~ 這時候套用CSS樣式可以簡單的幫您完成這項任務喔~~ 首先我們先準備自己的style.css 然後進到線上CSS Button產生器 ...

客戶有時會抱怨固定式的廣告效果不佳，即使設計者很用心的利用GIF或是賈伯斯討厭的FLASH作的動畫來吸引瀏覽者 ，只要捲軸一拉就失去廣告的機會。 而浮動廣告也是時下網上較爲流行的廣告形式之一，利用...

當文章內容很多，捲軸一直向下拉，拉到最下面後，又要用滑鼠將捲軸拉上 雖然現在滑鼠都有滾輪的幫助，但是一個好的UI介面來說以錨點的方式，能夠方便快速的找到主題 而錨點與超連結是密不可分的。 範...

聖誕、元旦、新年了為網站增加js網頁雪花飄落特殊效果jquery插件，特別適合聖誕、元旦、新年網站氣氛烘托。 建議把jq.snow.js 控制網頁雪花飄落特效文件在網站的</body> ...

如果網頁很長,又想要快速的回到頂部.為了不要造成瀏覽者的不便 通常會設計一個會到頂部的按鈕 這麼做，一來可以讓使用者回到頂部去瀏覽其他的分頁，當網頁較長時，要回到網頁的上半部也比較容易，不然常常...

燈箱效果（Lightbox）是網站中最常用的效果之一，可以讓瀏覽者的視覺暫時停留在置中的方框中。 旁邊的背景會做暗化處理,用以突顯中間圖文的效果 可作群組圖片展示.範例效果觀看 ...