Я хотел бы затушить страницу и показать индикатор загрузки. Я получил набор jQuery. Это CSS, с которым я не могу работать. Это темный фон, который я не могу сделать. Любые идеи?
Это то, что я получил (показывает индикатор в центре страницы):
#Loading
{
display: none;
position: fixed;
z-index: 1000;
height: 31px;
width: 60px;
left: 50%;
top: 35%;
background-image: url('../Images/ajax-loader-bright.gif');
background-repeat: no-repeat;
}
Поскольку вы отметили свой вопрос как CSS 3:
background: rgba(0,0,0,.5) url('../Images/ajax-loader-bright.gif') no-repeat;
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:999;
Вы можете отрегулировать уровень затемнения, изменив альфа (.5) в строке, содержащей rgba.
Вы можете использовать отдельный div, расположенный абсолютно с шириной и высотой, установленной на 100%. Затем установите фон этого div на # 000 (черный) и его непрозрачность до 50% (или любой уровень яркости, который вы хотите).
<div id='dim_wrapper' style='width:100%; height:100%; background:#000; z-index:10'> </div>
<script>
$("#dim_wrapper").animate({
'opacity':0.5
});
</script>
чтобы создать тусклую страницу, используя jquery с/без изображения, также можно сделать с помощью этого плагина http://jquery.malsup.com/block/#demos
чтобы создать страницу загрузки ajax, есть http://www.ajaxload.info/, который является удивительным.