Больше вопросов о CSS, чем о jQuery.
Я отображаю топ-7 игроков и лидеров недели в нижней части моей игры на Facebook .В самой нижней строке отображается случайная подсказка курсивом:
То, что # top div-блок обновляется каждые 10 минут с помощью следующего кода jQuery:
<script type="text/javascript">
$(function() {
setInterval(function() {
$.get("/preftop.html", function(data) {
$("#top").html(data);
});
}, 10 * 60 * 1000);
});
</script>
<div id="top">
<table width="700" bgcolor="#eeeeee">
......top7.......
</table>
<p>Random hint</p>
</div>
Работает хорошо, но пользователям не дают никаких указаний, что блок будет обновлен через 10 минут.
Я смотрел на ajaxload.info - это классные изображения, но здесь они не очень подходят, потому что обновления происходят не очень часто.
Поэтому я бы хотел, чтобы горизонтальная полоса росла с 0 до 700 пикселей каждую минуту (для этого я буду менять свой код для запуска каждые 1 * 60 * 1000).
Мой вопрос: как бы вы сделали такой бар?Есть ли способ сделать желтую полосу, отображаемую под случайной линией подсказки внизу div?
(И я знаю, что есть по крайней мере 1 плагин jQuery для отображения индикатора выполнения, но это не так.подходит здесь, потому что пространство экрана ограничено, это выглядело бы слишком неуклюже).
Надеемся на хорошие идеи от мастеров CSS!Алекс
ОБНОВЛЕНИЕ:
Не могу я добавить id = "подсказку" к
Случайной подсказке
и желтомуполоса внизу:
#hint {
background-image:url(yellow.gif);
}
и затем каким-то образом (вот чего не хватает) каждую минуту увеличивает ширину этого желтого прямоугольника?Есть ли ширина для фоновых изображений?