• 1 最新網頁技術,隨時分享給您
    邦立資訊透過知識結合,連結技術分享
  • 2 jQuery Timeline - 時程表運用
    網頁設計中,常常會看到流程表、時間表的呈現,通常都是很單純的一次顯示所有的流程或時間,利用卷軸下拉方式作呈現..
  • 3 AddThis - 社群網站圖示語法
    "AddThis" 是一個自動提供語法的網站,可以讓您的網站或部落格上同時顯示包含 Facebook、Twitter、Google+ 等大型國際社群網站的人氣指數..

Fancy checkboxes and radio buttons with CSS

 

 


jqTransform


 

Niceforms

 


 

iPhone-style Checkboxes


 

ezMark

 


 

jQuery Fancy Custom Radio-button and Checkbox

 

 

...

TinyTips是個非常簡單的jQuery小元件,

裝上這個小元件後,就可將文字或圖片加上簡單的小標籤

這個在對文字需要註解的方面是非常有幫助的

特別是使用在「使用說明」上面

 

觀看範例

...

網頁設計中,常常會看到流程表、時間表的呈現,通常都是很單純的一次顯示所有的流程或時間,利用卷軸下拉方式作呈現。

而這個簡單的 jQuery 元件,可透過按鈕方式,向上或向下一層的點選移動,讓使用者與網站更具互動性,並有額外的動態效果,此元件支援水平或垂直的移動,並可以自訂透明度或移動速度。

觀看範例

...

視差效果,即將是未來網頁設計的一個重要觀念。

當客戶瀏覽您的網站的時候,透過移動畫面的動作,讓《圖片》及《背景》產生出視差的效果,這種有遠近觀念,3D 概念的設計,未來一定是很普遍的網頁設計呈現方式。

此範例透過上下或左右瀏覽網頁的同時,將視差設計做了個簡單的呈現。未來有相關類型的設計,只要將圖層,圖片設定好,就能做出此效果了!

 

觀看範例

...

將連結圖片使用jQuery幻燈片效果

利用jQuery的技術,讓圖片連結時產生動態效果

在這邊我們利用這個效應來操控我們的CSS,創造圖片在連結的後產生連續性的動態效果

 

觀看範例

...