麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

jquery animate實現鼠標放上去顯示離開隱藏效果

2019-11-20 22:30:19
字體:
來源:轉載
供稿:網友
1、CSS樣式:
復制代碼 代碼如下:

@CHARSET "UTF-8";
* html .showbox,* html .overlay {
position: absolute;
top: expression(eval(document.documentElement.scrollTop) );
}
#AjaxLoading {
border: 1px solid #8CBEDA;
color: #37a;
font-size: 12px;
font-weight: bold;
}
#AjaxLoading div.loadingWord {
width: 180px;
height: 50px;
line-height: 50px;
border: 2px solid #D6E7F2;
background: #fff;
}
#AjaxLoading img {
margin: 10px 15px;
float: left;
display: inline;
}
.overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 998;
width: 100%;
height: 100%;
_padding: 0 20px 0 0;
background: #f6f4f5;
display: none;
}
.showbox {
position: fixed;
top: 0;
left: 50%;
z-index: 9999;
opacity: 0;
filter: alpha(opacity = 0);
margin-left: -80px;
}

2、JS:
復制代碼 代碼如下:

/**
* 加載動畫窗口
*
* @author dendy
* @since 2013-7-19 10:13:05
*/
function getLoadingHtml(msg) {
if(!msg) msg = "加載";
var html = "<div id='loadingDiv'>"
+ "<div style='height: 1325px; display: none; opacity: 0;' class='overlay'></div>"
+ "<div style='opacity: 0; margin-top: 250px;' id='AjaxLoading' class='showbox'>"
+ "<div class='loadingWord'>"
+ "<img src='" + Util.getContentPath() +"/images/ajax-loader.gif'>" + msg + "中,請稍候..."
+ "</div>"
+ "</div>"
+ "<div style='height: 1200px;'></div>"
+ "</div>";
return html;
}
function ajaxLoadingInit(msg) {
var loadingDiv = getLoadingHtml(msg);
var h = $(document).height();
$(".overlay").css({"height": h});
var div = $("body").find("#loadingDiv");
div.remove();
$("body").append($(loadingDiv));
}
/**
* 開始顯示loading,在ajax執行之前調用
* @param msg 操作消息,"加載", "保存", "刪除"
*/
function startLoading(msg) {
ajaxLoadingInit(msg);
$(".overlay").css({'display':'block','opacity':'0.8'});
$(".showbox").stop(true).animate({'margin-top':'300px','opacity':'1'},200);
}
/**
* 加載完成后隱藏,在ajax執行完成后(complete)調用
*/
function endLoading() {
$(".showbox").stop(true).animate({'margin-top':'250px','opacity':'0'},400);
$(".overlay").css({'display':'none','opacity':'0'});
}

3、調用例子:
復制代碼 代碼如下:

startLoading();
$.ajax({
type : "POST",
url : this.url,
dataType : "json",
data : this.args,
success : function (data) {

},
complete : function () {
if (self.showLoading == true) endLoading();
},
error : this.error
});
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 国产青草网 | 国产成人精品一区二区三区电影 | 黄色一级视频 | 成人 日韩 | 国产精品片一区二区三区 | 日本黄色一级视频 | 777午夜精品视频在线播放 | 成人性视频欧美一区二区三区 | 黄色网址在线播放 | 午夜天堂在线视频 | 中文字幕在线免费观看电影 | 国产午夜免费视频 | 日本不卡一区二区三区在线 | 2019中文字幕在线播放 | 国产精品av久久久久久网址 | 国产91九色 | 亚洲国产二区 | 黄污免费网站 | 黄色成年在线观看 | 国产精品视频二区不卡 | 欧美黑人伦理 | 视频一区免费观看 | 欧美日本91精品久久久久 | 午夜精品久久久久久久99热浪潮 | 午夜偷拍视频 | 久久精品视频16 | 女人一级一级毛片 | 免费小毛片 | 小视频在线看 | 免费观看黄色一级视频 | 国产一级毛片视频在线! | asian超清日本肉体pics | 欧美顶级毛片在线播放小说 | 性生活视频软件 | 看黄在线 | 一级免费黄色免费片 | 99riav国产在线观看 | www.91sese| 午夜精品老牛av一区二区三区 | 色网在线视频 | 国产成人自拍视频在线观看 |