是否有內置支持通過X

Question

當我們在道場設定的animateProperty遞增一個屬性，我們可以做到這一點

dojo.animateProperty({ 
    node:byId("ss"), 
    property: { left: "+=100" } 
}); 

怎麼可以這樣進行。希望將容器100px從當前位置移動到右側。

Answer 1

dojox.fx有很多，有些人經常使用額外的動畫。如果您想從當前位置滑動相對節點，則可以使用dojox.fx.slideBy()。一個加載類並等待dom-ready事件的完整示例。

dojo.require("dojox.fx"); 
dojo.ready(function(){ 
    dojox.fx.slideBy({ 
     node:  dojo.byId('slide'), 
     duration: 2000, 
     top:  100, 
     left:  -50 
    }).play(); 
}); 

這將節點ID爲slide 100px的下降，以及50像素向左滑動。

Answer 2

對此沒有內置支持，所以您必須先手動獲取原始位置。

dojo.animateProperty({ 
    node: "ss", 
    properties: { 
     left: function(node){ 
      return node.style.offsetLeft + 100; 
     } 
    } 
}); 

Here's a thread in the Dojo forums about it.

Answer 3

onAnimate回調可以是我們可以確定當前樣式屬性值的地方，而不是從節點獲取樣式屬性值。