頁面出div提示層

發布時間：2020-07-05 21:19:30 來源：網絡閱讀：339 作者：Amtows 欄目：web開發

在后臺方法執行的過程中，如果系統不能在用戶容忍的時間間隔內做出相應的話，我們希望系統能夠給與提示，用以友好的人機交互，這個時候我們可以采取使用div彈出的方式來完成目標：

1、使用jquery編寫要彈出的div層，代碼如下：

function showTips(tips){

//用來定位彈框位置

var windowWidth = document.documentElement.clientWidth;

var windowHeight = document.documentElement.clientHeight;

var tipsDiv = '<div class="tipsClass" id="div_tips">' + tips + '</div>';

$( 'body' ).append( tipsDiv );

$( 'div.tipsClass' ).css({

'top' : (windowHeight/2) + 'px',

'left' : ( windowWidth / 2 ) - ( tips.length * 13 / 2 ) + 'px',

'position' : 'absolute',

'padding' : '10px 20px',

'background': '#0099FF',

'font-size' : 12 + 'px',

'margin' : '0 auto',

'text-align': 'center',

'width' : 'auto',

'color' : '#FFF',

'opacity' : '0.8'

}).show();

//3s后移除提示框，自行運作的時候使用

//setTimeout( function(){$('#div_tips').remove();}, ( 3000 ) );

}

2、方法調用

在你需要調用此彈出層的時候：showTips( "提示內容");

3、內容清楚

執行完畢后，清除div內容：$("#div_tips").remove();

（附注說明：也可以使用EasyUI提供的消息Messager功能來完成。）

向AI問一下細節

中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站