動畫在道場

一個DIV或SPAN的寬度，我曾嘗試這樣做，但出成功（所有這些東西是jQuery中那麼容易。arrrrr !!!）動畫在道場

我曾嘗試以下（和各種排列）但沒有成功：

<body> 
<span id="responseMsg" style="width:250px">Hi There</span> 
</body>

JS：

dojo.animateProperty({ 
    node: dojo.byId("responseMsg"), duration: 1000, 
    properties: { 
     backgroundColor: { start: "white", end: "#66CC00" } 
    } 
}).play(); 
dojo.animateProperty({ 
    node: dojo.byId("responseMsg"), duration: 1000, 
    properties: { 
     width: 0 
    } 
}).play();

我已經擺弄起來here所以你可以看到我的意思。 （我猜dojo動畫CSS屬性不是變量）

來源

2013-02-17 Sevenearths

給你的span-element一個塊級佈局，它應該工作。

<span id="responseMsg" style="width:250px;display:block;">Hi There</span>

順便說一句，inline-css很難維護。

您更新的提琴：http://jsfiddle.net/VfEye/1/

來源

2013-02-17 13:08:50 Raoul

運行完美。添加'white-space：nowrap;'並且文本在合同時不會摺疊。你知道爲什麼文本在div之外是可見的嗎？ – Sevenearths 2013-02-17 13:17:40

是的，只需在您的CSS規則中添加「overflow：hidden」，並在調整大小時剪切文本。 – Raoul 2013-02-17 13:19:45

完美！非常感謝 – Sevenearths 2013-02-17 13:31:45

回答

相關問題