軌和Scriptaculous顯示效果

我有一個導軌和這個網站查看：軌和Scriptaculous顯示效果

<body onload='<%= visual_effect(:appear, :main_counter, :duration=>3.0) %>'> 
    <div class="counter" id="main_counter">some content</div> 
</body>

和樣式表：

.counter{ 
    opacity:0; 
}

預期，但是當它完成div的文本消失的影響的作品，我我猜測不透明度將回到0. 如何讓它保持完全不透明？

問題是出現的效果一旦完成就從元素中移除不透明度樣式。最簡單的解決方案是從樣式表中刪除opacity: 0;，並將其直接放在與style="opacity: 0"的div上。由於內聯風格，這有點難看。 Antoher的解決辦法是使用：在visual_effect的通話這樣的選項：

visual_effect(:appear, :main_counter, :duration=>3.0, :from => 0)

這樣的效果會先設置不透明度爲0。但是，如果您的網頁需要一段時間來加載，它可能是該div是可見的，直到on_load事件被觸發。

我很好奇，我從來沒有偶然發現過，它讓我感到有些無法想象「好」的解決方案。

2010-08-10 21:03:45 Calavera

試過，工作正常。謝謝：） – 2010-08-12 03:45:20

回答