按官方文檔解釋:step:規定每個動畫的每一步完成之后要執行的函數progress:每一次動畫調用的時候會執行這個回調,就是一個進度的概念。解釋完全不一樣,仔細品,傳達出來的內涵實際差不多,動畫是一個動態的過程,既然動態就要調用函數執行動作,既然是過程就不是一下子能完事的。綜合來講就是每調用一次函數執行一步,每執行完一步后回過頭來調用函數執行下一步,具體執行多少步,調用多少次函數,系統說的算,與時間長短無關,1年是一個過程,0.01秒也是一個過程,有木有感受到step與progress之間的異同。
2018-10-16
簡單區分一下step和progress,現在什么都講究語義化,見文知義。step的意思是步驟,progress的意思是進度,你工作進度怎么樣?你完成到哪一個步驟了?很顯然,這兩個單詞意思相近,那么效果也是大同小異的。按官方
2018-10-16
$aaron.animate( {width: '50',height: '150'}, {
//每一個動畫都會調用step,now體現的是前面對象里最后一個屬性值的當前值,最后一個是height就是表示的高的值,fx.start/end表示最后一個值從多少開始/結束
step: function(now, fx) {
$aaron.text('高度的改變值:'+now)
}
//每一個動畫都會調用step,now體現的是前面對象里最后一個屬性值的當前值,最后一個是height就是表示的高的值,fx.start/end表示最后一個值從多少開始/結束
step: function(now, fx) {
$aaron.text('高度的改變值:'+now)
}
2018-08-20
這個東西弄半天
把它的jq改一下
后面那個同學沒加s
<script src="https://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
把它的jq改一下
后面那個同學沒加s
<script src="https://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
2018-07-09
前面的不好,慕課不能刪自己的評價,添加重置代碼用這個
$('<button>重置</button>').appendTo("body").click(function(){
$("div").removeAttr("style");
});
$('<button>重置</button>').appendTo("body").click(function(){
$("div").removeAttr("style");
});
2018-06-24
script標簽里加點代碼好用于重置效果
$('<button>重置</button>').appendTo("body").click(function(){
$("div").css({width:"",height:"",fontSize:"",display:""})
});
$('<button>重置</button>').appendTo("body").click(function(){
$("div").css({width:"",height:"",fontSize:"",display:""})
});
2018-06-23
實現點擊按鈕后不斷重復執行sideToggle
$("button").click(function() {
setInterval(function(){
$("#a1").slideToggle(1000);
},1000);
$("button").click(function() {
setInterval(function(){
$("#a1").slideToggle(1000);
},1000);
2018-06-21