強烈推薦 簡單但非常靈活實用的一款選單

2021-08-26 06:57:11 字數 873 閱讀 7444

為慶祝新版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 的火爆和動態語...

實用的資料視覺化工具,強烈推薦

為什麼需要資料視覺化 資訊的質量很大程度上依賴於其表達方式,同樣的,對資料進行資料分析後,結果視覺化可以幫助使用者更好地理解資料資訊,挖掘資料價值。資料視覺化的本質就是視覺對話,資料視覺化將資料分析技術與圖形技術結合,清晰有效地將分析結果資訊進行解讀和傳達。資料和資料視覺化是相輔相成的,資料賦予視覺...