discuz 內置彈出菜單showMenu

2024-09-11 09:04:53

字體：大中小

來源：轉載

供稿：網友

目錄 discuz內置了很多彈出效果，這里說下showMenu() 用showMenu的時候比較簡單

<a id="profile" onclick="showMenu({'ctrlid':'profile','pos':'43!','cache':'1'})" hidefocus="true">菜單</a><div id="profile_menu" style="display: none;margin-left: -45px;">菜單內容</div>

這里需要記錄的： 1.onclick=showMenu點擊彈出移開隱藏。 2.參數：ctrlid，控制菜單的id，會控制以此id_menu命名的容器顯隱，可以加menuid參數以定義顯示菜單的id ，具體最后列出。 3.定位：需要特別注意的是，這個效果彈出的容器是以body左上角作為基點，不能放在其他相對定位的元素里，否則錯位。而且默認有超出邊界會動態調整效果（如：在按鈕的右下角彈出時若超出屏幕，則會自動調整為左下角彈出以免看不到內容），位置參數pos，在數字后面加了！是禁止調整。 4.因為在應用的時候我的菜單是ajax load進來的，所以加了個cache（緩存），貌似想錯了沒效果還是每次彈出都重新load內容。 5.彈出容器profile_menu設置默認隱藏，且我的彈出容器較寬，希望相對按鈕在下方居中，所以添加了左移45px，這也是為什么設置pos禁止動態調整彈出方向的原因。 6.發現個問題，在<a>里使用font-awesome的<i class="fa fa-xxx"></i>點擊無效，class可加到<a>行里。

上一篇：本版活躍用戶排行(按發帖數)

下一篇：X3.4如何去掉圖片下載附件字樣