easyUIマウスサスペンション表示内容

1584 ワード

ユーザーがマウスポインタを要素に移動すると、追加情報を表示するプロンプト情報ウィンドウが表示されます.プロンプトには、ajaxによって生成されたhtml要素またはページからのhtml要素を含めることができます.
1、タグからプロンプトボックス(Tooltip)を作成し、javascriptコードを必要としない'easyui-tooltip'classを要素に追加します.

Hover me


2、javascriptを使用してプロンプトボックス(Tooltip)を作成します.
    $('#dd').tooltip({
        position: 'right',
        content: 'This is the tooltip message.',
        onShow: function(){
    		$(this).tooltip('tip').css({
    			backgroundColor: '#666',
    			borderColor: '#666'
    		});
        }
    });

ツールバーの
名前
を選択します.
説明
デフォルト
position
string
プロンプトボックス(tooltip)の位置.可能な値:'left'、'right'、'top'、'bottom'です.
bottom
content
string
プロンプトボックス(tooltip)の内容.
null
trackMouse
boolean
trueに設定すると、プロンプトボックス(tooltip)がマウスとともに移動します.
false
deltaX
number
プロンプトボックス(tooltip)位置の水平距離.
0
deltaY
number
プロンプトボックス(tooltip)位置の垂直距離.
0
showEvent
string
プロンプトボックス(tooltip)に表示されるイベントを開始します.
mouseenter
hideEvent
string
プロンプトボックス(tooltip)が消えたイベントを開始します.
mouseleave
showDelay
number
プロンプトボックス(tooltip)の時間遅延が表示されます.
200
hideDelay
number
プロンプトボックス(tooltip)の時間遅延を非表示にします.
100