AJAX

首頁 » AJAX

Uiball.com 免費使用 CSS 打造的網頁等待動畫圖示

Uiball.com 免費使用 CSS 打造的網頁等待動畫圖示

瀏覽網頁之所以會覺得網站可能沒有回應,原因有可能出在網頁需要運算時間較久、網路傳輸速率較慢或的數據過多...等等,總之,在這之前如果適時地放上一個等待圖示或是加載中,請稍後...的字樣,都比讓用戶空等帶來的好,如果是要放等待動畫圖示,GIF 是個選擇,而另一選擇則是使用 CSS,Uiball.com 這個網站提供 24個以 CSS 打造的等動畫圖示,喜患的就可以直接複製其 html 與 css語法,直接放到想要顯示的位置即可。

24個純 CSS 打造的等待動畫圖示 隨取即用

24個純 CSS 打造的等待動畫圖示 隨取即用

網頁處理、運算、傳輸都需要時間,如果讓使用者乾等待,就容易產生當機的錯覺,因此,在這段時間產生一個提示訊息藉此告訴使用者耐心等待是有必要的,而現行網頁最常見的就是使用等待動畫圖示,負責處理到呈現這段時間的呈現,這個動畫可以使用 GIF 圖檔,也可以使用純 CSS 語法打造,24 PURE CSS3 PRELOADERS 這個網站展示了 24個純 CSS 等待動畫圖示,只需在網頁中引用該 CSS 檔案,就可輕易實現等待中使用動畫圖示來提示。

Tartan Maker 線上免費的網頁背景圖片製作服務

Tartan Maker 線上免費的網頁背景圖片製作服務

Tartan Maker 是一個可用來製作網頁背景圖片的免費線上服務,透過 Tartan Maker 網站所提供的格子原圖片素材,後續可自訂其線條與格子顏色、格子數及格子大小、線條粗細等等,方便且快速的用來設計自己喜歡的背景樣式,設計好的樣式圖片提供全螢幕即時預覽與下載,相當方便。

ajaxload.info 網頁資料讀取時的等待圖示

ajaxload.info 網頁資料讀取時的等待圖示

常在網頁看到當網頁在讀取資料時,會先出現一個等待的圖示來告訴使用者網頁資料目前在讀取中,最常看到的像是 FaceBook 或 Plurk 網站在讀取資料時的等待圖示。ajaxload.info 就是專門提供該類圖示的免費網站,可線上自訂該圖示的顏色及背景色,並提供 GIF 格式檔案下載。

AjaxDaddy 精選的Ajax範例展示網站,並可將程式碼加到自己的網頁中

AjaxDaddy  精選的Ajax範例展示網站,並可將程式碼加到自己的網頁中

AjaxDaddy  是一個專門蒐集Ajax程式碼並將它寫成可在網頁中展示其效果的範例,讓想要使用這些Ajax程式碼的網站只要參考其範例就可以很輕易的就將它放到自己的網頁上。AjaxDaddy  網站內有非常明確的分類,包含有手風琴(accordion)、自動完成(autocomplete)、圖形(charts)、菜單(menu)、分頁(tabs)、提示(tooltip)...等20多個分類,想要在網站上添加一些Ajax效果的朋友,可以試試!

 訂閱/追蹤

 站內搜尋

˄