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);
這個代碼在所有的瀏覽器,除了IE 7. .show運行時,按鈕向下移動,並在動畫結束時返回到其位置。
我試着給div設置一個高度,但那似乎不起作用。 我不知道它發生了什麼。
ps:我知道在代碼中有幾個問題,但我不認爲這會影響這種行爲。
陣列開始在JavaScript的零... – Pointy
其中* IE的版本*你指的是? –
僅供參考:請不要將字符串傳遞給'setTimeout',它使用'eval'。傳遞函數。 'var timer = setInterval(blink,7000);' –