Discuz! onmouseover="showMenu()"悬浮菜单函数使用教程

首先看一下图示：

就像上面两张图中的悬浮提示信息，带有漂亮的箭头。

接下来我们分步骤的来讲解！

一、触发该浮动Tip的JS函数：showMenu();

static\js\commonjs文件872行，就是这个函数的定义。这段函数你看不懂没关系，会使用就行了，下面我们来讲解如何使用。

二、showMenu()的使用方法：

上面降到的这个函数定义的JS文件，它在DZ的核心JS中，所以我们使用的时候不必重新载入文件，因为系统已经早帮你加载过了，所以直接使用就可以，但是前提条件是必须在DZ系统中，比如DZ的任何页面模版文件中，插件、单页的模版文件中等等（怎么制作Discuz!单页），超出DZ系统意外，就不能使用了。

首先，得明确，这个效果必须由两部分组成：

1、显示层（直接在模版中显示的内容，鼠标移动上去后触发该浮动层）；

2、隐藏悬浮层（这个默认是隐藏的，不显示的，只有鼠标放在显示层上，才会触发显示）。

所以，我们分别建立两个组成部分。

效果如下图：

当鼠标放在文字上时，悬浮层激活，显示出来。

需要注意的是：

上面讲的是函数的基础功能，下面我们开始细化讲解，将悬浮美化，带箭头。

三、带箭头的悬浮Tip

看上面效果，也许弹出层的位置和箭头的位置并不是我们理想的位置，可以调节 <div id="test_menu" class="tip tip_4" style="display: none;"> 和 <div class="tip_horn"></div> 这两个层的CSS样式，左边加入距离就可以微调，比如：

看上面，悬浮弹出的位置是不是向左微移了一点，这里的margin-left:-100px;就是说向左移动100像素

同理，箭头要向右移动，如下： <div class="tip_horn" style="margin-left:110px;"></div>

如上图，箭头已经右移了110个像素。

另外，如果要修改弹出浮动层的宽度，高度，也可以在那个区域加入CSS，定义宽度，高度值。

Discuz默认是不支持HTTPS的，当然如果是新的Discuz论坛，建议在没有安装程序之前先安装SSL证书。不建议使用互联网免费产品，因为免费产品不会让您稳定的发展业务，尤其是网站建设，从头到尾都需要使用稳定的产品，长可以长治久安。

1、确定使用的是独立服务器，虚拟主机具体需要根据主机提供商识别，当然也可以让Gworg查看是否支持。

2、确定需要添加SSL证书的一级或二级域名。

3、登陆Gworg办理SSL证书，并且完成验证，获取证书。

4、拿到证书后安装教程部署到服务器就可以了：网页链接

Discuz论坛板块排版可以根据不同的需求进行选择和设置，以下是一些常见的排版方式：1 分类式排版：将论坛主题按照分类分组并显示在不同的论坛板块中，如游戏、音乐、**、体育等分类。2 地区式排版：将论坛主题按照地域分组并显示在不同的论坛板块中，如华北、华南、华东、西南等地区。3 功能式排版：将论坛主题按照功能分组并显示在不同的论坛板块中，如技术问答、建设、聊天交友、情感建议等功能。4 时效性排版：将论坛主题按照发布时间或热度分组并显示在不同的论坛板块中，如最新帖子、热门帖子、精华帖子等。5 混合式排版：将论坛主题按照不同的分类、地域、功能、时效性进行混合排版，以便更好地满足用户需求。无论采用何种排版方式，都需要根据实际情况进行设置和调整，以便提高论坛的使用和管理效率，满足用户需求和体验。