<var id="u8yrg"></var>
_{<tt id="u8yrg"></tt>}

discuz 內(nèi)置彈出菜單showMenu

2024-09-11 09:04:53

字體：大中小

供稿：網(wǎng)友

目錄 discuz內(nèi)置了很多彈出效果，這里說下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;">菜單內(nèi)容</div>

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

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

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