JQuery に基づくフローティング DIV はプロンプト情報を表示し、それを自動的に非表示にします_jquery

复制代幣代码如下:

/**
* Floating DIV は、操作の成功、失敗などのプロンプト情報を定期的に表示します。
* @param stringtips (ヒントの内容)
* @param int height からの表示情報の高さ。ブラウザの上部
* @param int time 表示時間 (秒)、時間 > 0
* @sample Click
* @sample 上記のコードは、上から 100 ピクセルの位置をクリックしてから 3 秒間操作が成功したことを示しています
* @copyright ZhouHr 2010- 08-27
*/
function showTips(tips) 、高さ、時間){
var windowWidth = document.documentElement.clientWidth;
vartipsDiv = '

' ヒント '

';

$( 'body' ).append(tipsDiv );
$( 'div.tipsClass' ).css({
'top' : 高さ 'px',
'left' : ( windowWidth / 2 ) - (tips.length * 13 / 2 ) ' px'、
'position' : 'absolute'、
'padding' : '3px 5px'、
'background': '#8FBC8F'、
'font-size' : 12 'px '、
'margin' : '0 auto'、
'text-align': 'center'、
'width' : 'auto'、
'color' : '#fff'、
'不透明度' : '0.8'
}).show();
setTimeout( function(){$( 'div.tipsClass' ).fadeOut();}, ( time * 1000 ) );
}