如何使用jQuery建立工具提示

2021-10-06 19:57:21 字數 1256 閱讀 8952

這是乙個使用jquery建立工具提示訊息的簡單想法。

確定需要顯示工具提示訊息的「目標」。

建立工具提示訊息和css樣式。

三個功能-showtooltipshidetooltipschangetooltipsposition

滑鼠進入「目標」時,使用showtooltips顯示工具提示訊息,並使用changetooltipsposition初始化位置。

當滑鼠移動到「目標」周圍時,請使用changetooltipsposition更改工具提示訊息的位置。

當滑鼠離開「目標」時,使用hidetooltips隱藏工具提示訊息。

使用jquery來做?

「提示」和「使用者名稱標籤」是顯示工具提示訊息的目標。

username : 

hint (mouseover me)

為工具提示訊息建立css樣式。

.tooltip
將工具提示訊息附加到「 body」標籤,然後初始化工具提示訊息的位置。

var showtooltip = function(event) ;
更改工具提示訊息的位置。

var changetooltipposition = function(event) );

};

隱藏工具提示訊息。

var hidetooltip = function() ;
將滑鼠事件繫結到目標。

$("span#hint,label#username'").bind();
在此示例中,將滑鼠懸停在提示或標籤上以顯示工具提示效果。

username :

hint (mouseover me)

試試演示

標籤: jquery

jquery效果

工具提示

翻譯自:

api 建立工具欄

tbbutton tbbuttons 0,0 0,0 define button count sizeof tbbuttons sizeof tbbuttons 0 hwnd winapi create hwnd hwndparent,hinstance hinst sendmessage hwnd...

角色動畫建立工具Character Tool

character tool的多功能工具。它包含裝配工具,工作流程增強器和許多輔助運動預設。character tool的多功能工具。它包含裝配角色和調整其外觀的功能,工作流程增強器以及大量輔助運動預設。character tool是由運動設計學院開發的,是markus magnusson 又名 m...

使用構建工具MSBUILD

如果安裝了visual studio,缺省會在目錄 windir microsoft.net framework version 下有乙個msbuild.exe的工具,如果是64位作業系統,在 windir microsoft.net framework64 version 下也會有。如果沒有安裝v...