彰化一整天的論壇

 找回密碼
 立即註冊
查看: 922|回復: 0

【discuz】showMenu()显示弹出菜单

[複製鏈接]
發表於 2013-10-22 11:03:18 | 顯示全部樓層 |閱讀模式
本帖最後由 discuz 於 2013-10-22 11:04 編輯

在修改discuz论坛模板的时候,发现了一个discuz弹出菜单的功能,感觉还不错,不需要自己去重新定位菜单,于是就研究了下,对应的资料如下:


function showMenu(v)

参数 v 格式:{'key1':'value1','key2':'value2','key3':'value3'}

目前,数组 v 支持传递的 key 有:

key默认值含义可选值及解释ctrlid(必填)控制菜单的 idshowidctrlid弹出菜单的 idmenuidshowid + '_menu'显示菜单的 idevt'mouseover'响应函数的事件click: ctrlObj 的 onclick 触发

mouseover: ctrlObj 的 onmouseover 触发

pos'43'菜单位置详见 setMenuPosition() 中对 pos 的解释layer1菜单层级大于 0 的任意整数duration2菜单显示方式3:菜单一直显示,除非执行 hideMenu(),或者页面 unload

2:鼠标移开 ctrlObj 及 menuObj 即开始计时 timeout 毫秒后消失

1:鼠标移开 ctrlObj 即开始计时 timeout 毫秒后消失

0:菜单显示即开始计时 timeout 毫秒后消失

timeout250菜单持续时间单位:毫秒mtype'menu'菜单类型menu:普通菜单

win:浮窗

prompt:提示信息

dialog:对话框

maxh600菜单最大高度,实际高度超过 maxh 时菜单将出现垂直滚动条cache1是否缓存菜单1:是

0:否

drag拖拽菜单对象的 id,如果希望整个菜单都可以拖拽 请设置 drag 等于1fade0淡入淡出效果1:是

0:否

cover0是否显示一个遮罩覆盖整个页面1:是

0:否

zindexJSMENU['zIndex']['menu']菜单层叠顺序ctrlclass控制对象在菜单弹出后的 class 值,duration = 2 时有效

个人操作代码如下:
  1. <div class="y pg">
  2.                 <a href="#" onclick="window.scrollTo('0','0');return false;" id="jtopforums" onmouseover="this.id='jtopforums';showMenu({'ctrlid':this.id,'pos':'21'});" style="padding-left: 25px;background-image: url(http://www.huarengolf.com/mon/static/image/common/arw_top.gif);background-position: 10px 50%;" >返回顶部</a>
  3. </div>
複製代碼

  1. <div id="jtopforums_menu" class="p_pop blk cl" style="display:none">
  2.                 <table cellspacing="0" cellpadding="0">
  3.                         <tr>
  4.                                 <td id="v_forums" style="height:100px;">
  5.                                         <h3 class="mbn pbn bbda xg1">查看分站网友帖子</h3>
  6.                                         <ul class="xl xl1">
  7.                                                 <li><a href="http://www.huarengolf.com/tor" >多伦多站点</a></li>
  8.                                                 <li><a href="http://www.huarengolf.com/van" >温哥华站点</a></li>
  9.                                                 <li><a href="http://www.huarengolf.com/mon" >蒙特利尔站点</a></li>
  10.                                         </ul>
  11.                                 </td>
  12.                         </tr>
  13.                 </table>
  14.         </div>
複製代碼

source: http://blog.jhonse.com/index.php/archives/1585.jhonse


回復

使用道具 舉報

您需要登錄後才可以回帖 登錄 | 立即註冊

本版積分規則

 ㄚ母滴雞湯
 員林香純滴雞精

Archiver|手機版|小黑屋|彰化一整天的論壇(Excel,Office)  |网站地图

GMT+8, 2019-10-18 01:02 , Processed in 0.127527 second(s), 23 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回復 返回頂部 返回列表