1. 載入大圖片時,顯示 loading 小圖片。
這招是我最常用的。當我們要載入一張比較大的圖片時,如果能載入圖片的同時,顯示 loading 的小圖片,那樣看起來就人性化很多。當載入完成時,圖片會蓋住 loading 小圖片,這是一個很有用的小技巧
解釋一下上面的程式碼,懂 CSS 的站長可以略去這段。第一行 “img” 指向頁面的全體圖片元素(看到樣式表的優勢了吧,只要一句,就能作用於網站的全體同類元素,不是 DIV+CSS 的網站站長是不是有想法了?呵呵)。第二行 “background-image:url(loading.gif);” 是指為圖片新增一個以圖片為背景的背景(讀起來有點拗口)。這個 loading.gif 是你要你自己上傳的載入小圖片。不過有些網站的 images 資料夾裡已經有這個圖片了,直接用就行,如果你確實不想到處找的話,我這裡有一堆,選一個你喜歡的玩玩吧:http://www.82xuexi.cn/html/2008-09/333.htm 。第三行:background-position:center; 把背景圖片居中,這樣看起來比較順眼。第四行:background-repeat:no-repeat; 就是讓 loading.gif 小圖片只顯示一個,如果沒有這句,就用出現很多排列起來的 loading.gif 小圖片,這要注意一下。
2. 選填表單右邊顯示 “可不填” 。
這是我最初在 QQ 網站的留言本上看到的,當時看到個人資訊的一些表單旁邊寫著 “可不埴” 的時候,真的是感覺非常舒服,你想想,人家好不容易有空給你留言,你還想人家慢慢看你的留言說明嗎?給你留言,當然想簡要完事啦。你卻動不動跳出個 “表單內容不能有空” 這不把人家嚇跑才怪。這個小技巧可以應用於各大論壇的多使用者註冊,留言本等地方,不要只在必填框旁邊加個紅*就算了,這樣對於熟悉網站的人來說當然沒問題,但你要考慮到各種各樣的網民。 “可不填” 三個字,就能大大提高多使用者體驗,為什麼不試試呢。
3. 保證每個頁面都有回首頁的連線。
為什麼要主這個呢?因為我看到很多網站都沒注意到這個小細節,有一次我在一個論壇上登陸,成功後,他跳轉到另一個頁面提示登陸成功,等了十幾秒它都不自動返回,但我又已經順手把多的頁面關掉了,所以,只剩下一個頁面了,我又不能返回,他又沒有返回首頁的連結,一氣之下,我就關掉瀏覽器走人了。所以,建議站長朋友們有空多檢查一下自己的網站,看是不是有些頁面是孤獨的。
4. 在執行 AJAX 操作時,如果響應時間過長,應提示多使用者載入超時。
這個在 AJAX 中,可以使你的站群程式更人性化的小技巧,不多說了,你看下面的程式碼就明白。如果你看不明白的話,就不要亂改網站,會出錯的。這是一個多使用者驗證的站群程式片段,注意紅色部分。