ホームページ > ウェブフロントエンド > jsチュートリアル > JQuery に基づくフローティング DIV はプロンプト情報を表示し、それを自動的に非表示にします_jquery

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

WBOY
リリース: 2016-05-16 18:10:46
オリジナル
995 人が閲覧しました
复制代幣代码如下:

/**
* 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 ) );
}
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート