国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 編程 > JavaScript > 正文

javascript 通用loading動(dòng)畫效果實(shí)例代碼

2019-11-20 21:15:25
字體:
供稿:網(wǎng)友

由于項(xiàng)目中多處要給ajax提交的時(shí)候增加等待動(dòng)畫效果,所以就寫了一個(gè)簡(jiǎn)單的通用js方法;
代碼如下:

復(fù)制代碼 代碼如下:

/*ajax提交的延時(shí)等待效果*/

var AjaxLoding = new Object();

//wraperid : 顯示loding圖片的容器元素
//ms:表示loding圖標(biāo)顯示的時(shí)長(zhǎng),毫秒
//envent:表示出發(fā)事件的事件源對(duì)象,用于獲得出發(fā)事件的對(duì)象
//callback:表示動(dòng)畫結(jié)束后執(zhí)行的回掉方法
//stop()方法表示在回掉方法執(zhí)行成功后執(zhí)行的隱藏動(dòng)畫的操作
AjaxLoding.load = function(lodingid,ms,event,left,top,callback){

    if (!left || typeof left == undefined)
        left = 0;
    if (!top || typeof top == undefined)
        top = 0;

    this.lodingid = lodingid; //顯示loding圖標(biāo)的parent元素
    this.obj = $("#" + this.lodingid);
    this.sourceEventElement=$(event.currentTarget);
    this.start = function () {
      this.obj.css({positin:"relative"});
        this.sourceEventElement.attr("disabled",true);
        //默認(rèn)將圖標(biāo)居中與lodingid顯示,設(shè)置如下樣式
        var imgobj = $("<img src='/images/loaderc.gif' style='position:absolute; width:32px; height:32px;' id='img_loding'/>");
        imgobj.css({ left: this.obj.width() / 2-imgobj.width()/2-left, top: this.obj.height() / 2-imgobj.height()/2-top });
        imgobj.appendTo(this.obj);
        this.obj.animate({height:this.obj.height()}, ms, function () {
            callback();
        });
    };
    this.stop = function () {
        $("#img_loding").remove();
        this.sourceEventElement.attr("disabled", false);
    }
};

調(diào)用方法:

復(fù)制代碼 代碼如下:

$("#elementid").click(function (e) {
  var obj = new AjaxLoding.load("div_test", 2000,e,0,0,function () {
            //alert("提交成功!");
            obj.stop();//隱藏加載圖標(biāo)
        });
  obj.start();
        });

我用的loding圖標(biāo),大家可以自行替換;

實(shí)現(xiàn)很簡(jiǎn)單,沒有考慮什么性能、標(biāo)準(zhǔn)什么的;還有很多不完善,有更好的歡迎交流;

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 北辰区| 分宜县| 尼木县| 昌平区| 赣榆县| 裕民县| 山东| 隆子县| 西平县| 临武县| 石嘴山市| 沂南县| 瑞丽市| 名山县| 鄯善县| 南靖县| 黄山市| 石家庄市| 高碑店市| 开远市| 嵊州市| 仲巴县| 萨迦县| 北辰区| 伊金霍洛旗| 绵竹市| 高清| 外汇| 根河市| 招远市| 西峡县| 昭通市| 太白县| 长沙市| 莱芜市| 墨玉县| 盘山县| 安乡县| 龙里县| 宁城县| 岑溪市|