Здравствуйте, с горем пополам сумела таки сваять следующее:
http://liliana2.glina.net.ru/work_folder/index.html
Вот... но кроме прочего мне надо чтобы по мере заполнения прогрессбара цветом, слева от него (прогрессбара) шли поочередно названия файлов (как при какой-нибудь установке) я знаю что это можно сделать массивом по принципу, он выводит первый элемент массива, потом удаляет его, при следукющем анализе первого элемента нет, и он выводит соответственно второй и т.д. но вот у меня проблемка с реализацией... помогите пожалуйста, как это можно вот сюда впихнуть
| Код |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
<script type="text/javascript" src="jquery.js"></script>
<style>
.box {
background-color:white;
width:300px;
border:1px solid black;
height: 22px;
margin-bottom: 12px;
}
.progress {
background-color:orange;
width:0;
height: 22px;
}
.progress1 {
background-color:orange;
width:0;
height: 22px;
}
.progress2 {
background-color:orange;
width:0;
height: 22px;
}
.progress4 {
background-color:red;
width:0;
height: 50px;
}
.style1 span {
display: block;
float: left;
margin: 10px;
}
.countdown_amount, .countdown_section {
display: none;
}
</style>
</head>
<body>
<button id="go">» Run</button>
<div class="box">
<div class="progress"></div>
</div>
<div class="box">
<div class="progress1"></div>
</div>
<div class="box">
<div class="progress2"></div>
</div>
<div class="progress4"></div>
<div id="timer_inp">15</div>
<script type="text/javascript">
$("#go").click(function(){
function timer(){
var obj=document.getElementById('timer_inp');
obj.innerHTML--;
$(".progress").animate({
width: "100%",
}, 14000, function() {
$(".progress1").animate({
width: "100%",
}, 14000, function (){
$(".progress2").animate({
width: "100%",
}, 14000 );
});
});
if(obj.innerHTML==0){
alert('Hello');
setTimeout(function(){},3000);}
else{setTimeout(timer,3000);}
}
setTimeout(timer,3000);
});
</script>
</body>
</html>
|
|