就像上面兩張圖中的浮動消息壹樣，帶有漂亮的箭頭。
接下來，我們將壹步步講解！
1.觸發浮動提示的JS函數:showMenu（）；
static\js\common.js文件有872行，這是該函數的定義。如果妳不懂這個功能也沒關系，妳可以使用它。讓我們解釋壹下如何使用它。
二、showMenu（）的使用:
上述函數定義的JS文件在DZ的核心JS中，所以我們在使用時不需要重新加載該文件，因為系統已經為您加載了該文件，所以我們可以直接使用它，但前提條件是它必須在DZ系統中，例如DZ的任何頁面模板文件、插件、單頁模板文件等。（點擊查看如何制作Discuz！單頁），超出DZ系統事故，不能使用。
首先，必須明確的是，這種效應必須由兩部分組成:
1，顯示層（模板中直接顯示的內容在鼠標上移時會觸發浮動層）；
2.隱藏浮動層（這是隱藏的，默認情況下不顯示，只有當鼠標放在顯示層上時才會觸發顯示）。
所以，我們分別設置了兩個組件。
效果如下:
當鼠標放在文本上時，浮動層被激活並顯示。
應該指出的是:
以上是函數的基本功能。讓我們開始詳細解釋它，用箭頭美化懸架。
第三，帶箭頭的浮動提示
看看上圖的效果，也許彈出層的位置和箭頭的位置不是我們理想的位置，我們可以調整《div id =“test _ menu“class =“tip tip _ 4“style =“display:none；”& gt和
看上面的圖片。浮動彈出窗口的位置是否略微向左移動？這裏左邊的邊距是-100 px；這意味著向左移動100像素。
同樣，箭頭應該向右移動，如下所示:
如上圖所示，箭頭向右移動了110像素。
此外，如果要修改彈出浮動層的寬度和高度，還可以在該區域添加CSS來定義寬度和高度值。