Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

如何增加自定义的弹出菜单

[复制链接]
ardou 发表于 2006-11-11 23:53:29 | 显示全部楼层 |阅读模式
Discuz!是用menu.js管理弹出菜单的,如果要增加一个菜单就要使用menuregister函数来注册一下。
但是仅仅调用了这个函数还不行,俺不懂Javascript,但剖析了一下菜单的代码,整理出来了一个步骤。
1、文件中必须要包含menu.js文件。因为用到其它设置信息,还须要包含common.js文件,为了风格一直,还须要包含css文件。
     也就是说,头文件的Head段内里必须有要有:
<!--{if $allowcsscache}-->
    <link rel="stylesheet" type="text/css" id="css" href="forumdata/cache/style_{STYLEID}.css">
<!--{else}-->
    <style type="text/css" id="css">{template css}</style>
<!--{/if}-->
<script type="text/javascript" src="include/common.js"></script>
<script type="text/javascript" src="include/menu.js"></script>

2、注册父菜单项,在body段中调用menuregister函数,
<SPAN id=discuz>
    <A href="http://www.discuz.com">MenuTest</A>
    <SCRIPT type=text/javascript>menuregister(false, "discuz")</SCRIPT>
</SPAN>
需要注意的是,这部分代码一定要放在SPAN段中,而且其id必须与menuregister函数的第二个参数一样(放在DIV中也可以,但是要指定DIV的宽度,否则整行都会受鼠标影响)

3、确定子菜单项。在BODY的其它地方用DIV包含一个表格,定义子菜单项。这里需要注意的一点是,DIV的id必须是前面SPAN的ID+下划线+menu。另外CSS风格要设置成"DISPLAY:none",正常情况下这段是隐藏的,由menu.js来显示。
<DIV class=headermenu_popup id=discuz_menu style="DISPLAY: none">
<TABLE cellSpacing=0 cellPadding=4 border=0>
  <TBODY>
  <TR>
    <TD class=popupmenu_option>
      <A href="https://discuz.dismall.com/forum-21-1.html">风格模板</A>
    </TD>
  </TR>
  <TR>
    <TD class=popupmenu_option>
      <A href="https://discuz.dismall.com/forum-64-1.html">环境搭建</A>
    </TD>
  </TR>
  <TR>
    <TD class=popupmenu_option>
      <A href="http://www.atomypic.com">飞尘摄影网</A>
    </TD>
  </TR>
   </TBODY>
</TABLE>
</DIV>

附件是一个最简单的例子,去掉了css。放到根目录下,在浏览器中直接打开文件地址就行了(http://****/TestMenu.html)
inxnto 发表于 2007-3-24 00:13:59 | 显示全部楼层
还是不错的。。。
回复

使用道具 举报

3002635 发表于 2007-3-24 00:38:09 | 显示全部楼层
不错:) :) :) :)
回复

使用道具 举报

ymb371237509 发表于 2011-8-8 13:49:53 | 显示全部楼层
不行啊,打开什么都没有啊
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-11-23 05:58 , Processed in 0.024800 second(s), 5 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表