.widget-move { width:100px; height:100px; background-color:#aa5; position:absolute; top:80px; left:20px; } <div id='click'>click</div> <div id='fn-callback' >fn-callback</div> <div id='fn-during'>fn-During</div> <div class='widget-move' id='m1'>widget-move</div> var $obj = document.getElementById("m1"); var $oTarget = {left:500,top:300}; var $fnCallBack = function(){ document.getElementById("fn-callback").innerText = 'this is finish callback function'; } var i=0; var $fnDuring = function(){ i++ document.getElementById("fn-during").innerText = '---' + i + '--- this is during callback function should change in step'; }
.widget-move {
width:100px;
height:100px;
background-color:#aa5;
position:absolute;
top:80px;
left:20px;
}
<div id='click'>click</div>
<div id='fn-callback' >fn-callback</div>
<div id='fn-during'>fn-During</div> <div class='widget-move' id='m1'>widget-move</div>
var $obj = document.getElementById("m1");
var $oTarget = {left:500,top:300};
var $fnCallBack = function(){
document.getElementById("fn-callback").innerText = 'this is finish callback function';
}
var i=0;
var $fnDuring = function(){
i++
document.getElementById("fn-during").innerText = '---' + i + '--- this is during callback function should change in step';
}
document.getElementById("click").onclick =function() {
miaovStartMove($obj,$oTarget,1,$fnCallBack,$fnDuring);
}
//提供串联写法。
css($obj,'left',100)('top',200);
// 这个obj有timer属性吗?这是自己定义的嘛?我没看的过这个属性;
//obj想要什么属性就有什么属性。
// 这个函数最后两个函数有什么用???
//回调函数,可以说是由自定义事件触发的函数。
//这行代码完全看不懂
//看不懂就搜下 call apply