為慶祝新版qui的問世,[url]特將之前開發的一款很實用選單元件拿出來與大家分享。馬上步入正題開始介紹:
大家之前都可能看過或用過很多選單元件,有一些選單元件可能做得很漂亮或者有很好的動畫效果。但這種選單一般都不通用,只能在特定的環境下使用。
我的想法是乙個通用的選單元件應該具備以下特點:
1、**量很少,包括html**。這樣方便使用者使用css自定義選單的風格
2、預設的外觀很簡潔但通過自定義調整可以展示出不同的樣式
3、能夠準確地響應滑鼠移入動作並快速展開
4、能夠以任何元素作為觸發源
5、能夠支援動態生成的元素觸發選單
按照以上思路,我開發了這個選單。姑且命名為qui簡易選單
選單預設外觀如下:
[img]" alt="[/img]
用顏色和邊框繪製的外觀,符合預設外觀簡潔的思想。只要稍花些心思就能做出各種風格出來。
**量也很少,如下所示:
彈出選單
狀態相簿
分享日誌
也就是說,無論在頁面任何位置,使用上述的**就可以建立乙個選單。哈哈,是不是很方便?
選單項也可以新增小圖示,簡單調整後效果如下:
[img]" alt="[/img]
**:全部操作
新增檢視
修改刪除
儲存[img]" alt="[/img]
**如下:
狀態相簿
分享日誌
通過乙個設定乙個屬性:noborder="true"實現滑鼠移入不出現邊框。
動態生成的元素上面也可以使用選單。html動態生成後,呼叫refresh******menu()函式來更新選單顯示即可。
例如下面所示:
[img]" alt="[/img]
Q Dir 布局靈活的檔案管理,強烈推薦
q dir 是輕量的檔案管理器,特點鮮明,各種布局檢視切換靈活,預設四個小視窗組成乙個大視窗,操作快捷。軟體雖小,卻非常好用 64bit 軟體版本 q dir version 7.99 x64 dec 18 2019 14 25 13 個人的定製項 一 雙擊空白,返回上一級 二 通過快捷鍵快速啟動 ...
大師Martin Fowler強烈推薦的一本書
推薦閱讀 1.jruby 誰說魚與熊掌不可兼得原書 名 practical jruby on rails web 2.0 projects bringing ruby on rails to j a作者 ola bini 譯者 丁雪豐 出版日期 2008 年7 月更多資訊 隨著ror 的火爆和動態語...
實用的資料視覺化工具,強烈推薦
為什麼需要資料視覺化 資訊的質量很大程度上依賴於其表達方式,同樣的,對資料進行資料分析後,結果視覺化可以幫助使用者更好地理解資料資訊,挖掘資料價值。資料視覺化的本質就是視覺對話,資料視覺化將資料分析技術與圖形技術結合,清晰有效地將分析結果資訊進行解讀和傳達。資料和資料視覺化是相輔相成的,資料賦予視覺...