IDC资讯中心
目录 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>行里。,目录 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>行里。
