1

私はこのマークアップを持っています

<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:そのコードにはいくつかの問題があることは知っていますが、それがこの動作に影響を与えるとは思いません。

4

1 に答える 1

0

heightコンテナdivに設定:

<div class="pfbc-form" id="ticker_div" style="height: 30px; padding: 0px; line-height: 18px; width: 64%; margin-top: 0px; margin-left: 10px;">

ここでフィドル:http://jsfiddle.net/C4KyQ/3/

于 2012-06-07T16:44:50.730 に答える