afc163
9 years ago
3 changed files with 2 additions and 112 deletions
@ -1,111 +0,0 @@ |
|||||
/** |
|
||||
* Created by jljsj on 15/6/30. |
|
||||
*/ |
|
||||
$(function (){ |
|
||||
var animBtnDome={ |
|
||||
animStr:'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', |
|
||||
init:function() { |
|
||||
var self=this; |
|
||||
self.body=$("body"); |
|
||||
self.btn=$(".ant-btn-ripple"); |
|
||||
//$(".ant-btn-lq").bind("click",function (le){
|
|
||||
// le.stopPropagation();
|
|
||||
//});
|
|
||||
|
|
||||
//涟漪效果
|
|
||||
self.btn.bind("mousedown",function (e){ |
|
||||
//console.log(e)
|
|
||||
//var _x= e.offsetX,_y= e.offsetY;
|
|
||||
var __x=$(this).offset().left,__y=$(this).offset().top, |
|
||||
_x= e.pageX-__x,_y= e.pageY-__y; |
|
||||
var lq=$("<em class='ant-btn-lq'></em>").prependTo(this); |
|
||||
var _w=this.offsetWidth,_h=this.offsetHeight; |
|
||||
lq.removeAttr("style").css({width:_w,height:_w,"border-radius":_w/2,left:_x-_w/2,top:_y-_w/2}); |
|
||||
if($(this).attr("class").indexOf("ant-btn-primary")>=0||$(this).attr("class").indexOf("ant-btn-ghost")>=0){ |
|
||||
lq.css("background-color","#fff"); |
|
||||
}else{ |
|
||||
lq.css("background-color","#999"); |
|
||||
} |
|
||||
var s=0; |
|
||||
//if(_h>=_w){
|
|
||||
// s=_y/_h*2<1?2-_y/_h*2:_y/_h*2;
|
|
||||
//}
|
|
||||
|
|
||||
var _sx=_x/_w* 2,_sy=_y/_h*2; |
|
||||
if(_sx>1&&_sy>1){ |
|
||||
s=_sx>_sy?_sx:_sy; |
|
||||
}else if(_sx>1||_sy>1){ |
|
||||
_sx=_sx<1?2-_sx:_sx; |
|
||||
_sy=_sy<1?2-_sy:_sy; |
|
||||
s=_sx>_sy?_sx:_sy; |
|
||||
}else { |
|
||||
s=2-_sx>2-_sy?2-_sx:2-_sy; |
|
||||
} |
|
||||
s=s+.3; |
|
||||
lq.css("transform","scale("+s+")") |
|
||||
|
|
||||
}); |
|
||||
function mousee_up(e){ |
|
||||
var lq=$(this).find(".ant-btn-lq"); |
|
||||
lq.delay(300).animate({opacity:0},300,function (){ |
|
||||
lq.remove(); |
|
||||
}) |
|
||||
} |
|
||||
self.btn.bind("mouseout",mousee_up); |
|
||||
self.btn.bind("mouseup",mousee_up); |
|
||||
|
|
||||
//加载按钮
|
|
||||
self.loadBtn=$(".ant-btn-load"); |
|
||||
self.loadBtn.bind("click",function (e){ |
|
||||
var m=$(this); |
|
||||
m.find("text").css({"opacity":"0","transform": "scale(2)"}); |
|
||||
m.find("span").css({"opacity":1,"transform": "scale(1)"}); |
|
||||
setTimeout(function (){ |
|
||||
m.find("text").removeAttr("style"); |
|
||||
m.find("span").removeAttr("style") |
|
||||
},4000) |
|
||||
}); |
|
||||
|
|
||||
//替换
|
|
||||
function reqClass(m,_class,call){ |
|
||||
if(m.attr("class").indexOf(_class+"-open")>=0){ |
|
||||
m.removeClass(_class+"-open").addClass(_class+"-close").one(self.animStr,function (){ |
|
||||
m.removeClass(_class+"-close"); |
|
||||
if(typeof call=="function"){ |
|
||||
call() |
|
||||
} |
|
||||
}) |
|
||||
}else{ |
|
||||
m.addClass(_class+"-open"); |
|
||||
} |
|
||||
} |
|
||||
|
|
||||
//icon的下拉演示
|
|
||||
self.listTip=$(".ant-btn-listtip"); |
|
||||
self.listTip.bind("click",function (e){ |
|
||||
var m=$(this); |
|
||||
var tip=$("#"+m.attr("data-id")); |
|
||||
reqClass(tip,"scale"); |
|
||||
|
|
||||
tip.css({left: m.position().left-tip.width()+ m.outerWidth()-2,top: m.position().top+m.outerHeight()+12}) |
|
||||
}); |
|
||||
|
|
||||
//dropdown演示的事件
|
|
||||
self.dropdown=$(".ant-dropdown-wrap"); |
|
||||
self.dropdown.find(".ant-btn-menu").bind("click",function (e){ |
|
||||
var m=$(this),p= m.parent(),d= p.find(".ant-dropdown"), |
|
||||
con= d.find(".ant-dropdown-con"),str="margin-top"; |
|
||||
d.css({"display":"block","margin-top":2}); |
|
||||
reqClass(con,str,function (){ |
|
||||
if(con.attr("class").indexOf('margin-top')<0){ |
|
||||
d.css({"display":"none"}) |
|
||||
} |
|
||||
|
|
||||
}); |
|
||||
|
|
||||
}) |
|
||||
} |
|
||||
}; |
|
||||
animBtnDome.init() |
|
||||
|
|
||||
}); |
|
Loading…
Reference in new issue