私はこのマークアップを持っています
<div class="pfbc-form" id="ticker_div" style="padding: 0px; line-height: 18px; width: 64%; margin-top: 0px; margin-left: 10px;">
<span id="ticker"><b> Avisos y tratamientos vigentes.</b></span>
</div>
<input class="ui-button ui-widget ui-state-default ui-corner-all" style="height: 40px;width: 10%;" value="something" type="button" onclick="doSomething();"></input>
そしてこのjs:
var array_datos = ['foo','bar'];
var i = 1;
function blink()
{
var elem = $( "#ticker" );
//elem.hide( 'clip', {}, 7000/5);
elem.text(array_datos[i]);
elem.show( 'clip', {}, 7000/5);
if(i+1<array_datos.length)
i++;
else
i = 1;
}
blink();
var timer = setInterval('blink()',7000);
</ p>
このコードは、IE 7を除くすべてのブラウザーで機能します。.showが実行されると、ボタンが下に移動し、アニメーションが終了するとその位置に戻ります。
divに高さを設定しようとしましたが、うまくいかないようです。私はそれが何が起こっているのか分かりません。
ps:そのコードにはいくつかの問題があることは知っていますが、それがこの動作に影響を与えるとは思いません。