时间:2021-07-21人气:-
<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>行里。