編寫原因:
作為提示框,jquery有個messagebox的控件,也就是彈出的提示框。但這個控件如果不是用在需要确認的時候,單單警告提示、消息提示、失敗提示時,使用者還需要去點下确認,有時這操作還是挺煩的(盡管可以設定timeout,會自動消失)。
控件需求:
現在需要一個簡潔消息提示控件,不需确認。
1.提示框可以從頂部或底部滑入,在失效後滑出。
2.可以設定滑入時間,内容停留時間、滑出時間。
ps:比較簡單的控件
效果如下
編寫過程:
1.在無文檔的情況下, 我建議将使用者能傳的參數的定義寫在控件的最前面。
這樣使用者對他能夠設的就非常清楚了,即便是沒有文檔,也能愉快的玩耍。
2.考慮浏覽器的相容性
因為控件的提示框是固定在底部或頂部的,不可避免的就是position:fixed的問題
ie6 ie7 ie8 固定定位元素 position:absolute 用設定,是以定位計算也要變化。
3.滑動效果的實作
滑入、内容停留、滑出。
具體的實作就不在這裡說明,最後面會有源碼連結。
ps:最主要東西就是上面這三個。
總結:
1.在強調的使用者體驗的年代,做這個控件也是為了使用者能有更好的感受。
2.在做東西(編碼)時,也時刻想能否這東西能否通用,而控件和架構也無非就是為了通用。
3.另附上我這個控件的下載下傳連結
demo:
<a></a>
轉載:http://www.cnblogs.com/lovesong/p/3856177.html