イベント,' これはプロンプト ボックスです。')" onmouseout="hideToolTip()"> ここにマウスを置くと、バブル ダイアログ ボックスが表示されます。
[クリックして編集します。 ]
style="FONT-FAMILY: Microsoft YaHei; FONT-SIZE: 18px">これは JavaScript コードです:
< ;/P>
function showToolTip(e,text){
if(document.all)e = イベント;
var obj = document; getElementById ('bubble_tooltip');
var obj2 = document.getElementById('bubble_tooltip_content');
obj2.innerHTML = text;
var st (document.body.scrollTop,document.documentElement) .scrollTop);
if(navigator.userAgent.toLowerCase().indexOf('safari')>=0)st=0;
var leftPos = e.clientX 20;イベント トリガーされたときのブラウザ ページ (またはクライアント領域) を基準としたマウス ポインターの水平座標
if(leftPosobj.style.left = leftPos 'px'; >obj.style.top = e.clientY st 'px';
obj.style.display = 'ブロック';
関数 HideToolTip ()
{
var obj = document.getElementById('bubble_tooltip')
//obj.style.display = 'none';
fadeOut(obj,5,0); >}
//要素の透明度を設定します。透明度の値は IE ルールに従って計算されます。つまり、0 ～ 100
function SetOpacity(ev, v){
ev.filters ev. style.filter = 'alpha(opacity =' v ')' : ev.style.opacity = v / 100;
}
//フェードイン効果 (指定された透明度へのフェードインを含む)
function fadeIn(elem,speed,opacity) {
/*
* パラメータの説明
* elem==> フェードインする必要がある要素
* Speed==>gt;速度、正の整数 (オプション)
* opacity== >指定された透明度にフェードします、0~100 (オプション)
*/
speed = 速度 ||
opacity = opacity 20; || 100;
//要素の値は 0 の透明度 (非表示) を表示します。
SetOpacity(elem, 0);初期化の透明度変更値は 0 です
var val = 0 ;
//透明度の値を 2 ずつ増加させるループ、つまりフェードイン効果
(function(){
SetOpacity(elem) , val);
val = 5;
if (val < = 不透明度) {
setTimeout(arguments.callee,speed)
}
});
//フェードアウト効果 (指定した透明度へのフェードアウトを含む)
function fadeOut(elem,speed,opacity){
/*
* パラメーターの説明
* elem== >フェードインする必要がある要素
* Speed==>フェードイン速度、正の整数 (オプション)
* opacity==> 指定された透明度にフェードインします、0~100 (オプション)
*/
speed = 速度 ||
opacity = opacity ||
//透明度の変更値を 0 に初期化します
var = 100;透明度の値を 5 減らす、つまりフェードアウト効果
(function(){
SetOpacity(elem, val);
val -= 5;
if (val >= opacity) {
setTimeout(arguments.callee,speed);
}else if (val < 0) {
//要素の透明度が 0 になった後、要素を非表示にします
elem.style.display = 'なし';
}
}
