Помогите, плиз.
Хочу сделать бумагу, которая сворачиваеться и разворачиваеться (по горизонтали). Вот код:
<html>
<!-- Created on: 29.03.2010 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title></title>
</head>
<body onload="zvij_all();">
<table border="0" align="center">
<tr>
<td width="20" bgcolor="green"> </td>
<td id="t1" width="460" bgcolor="olive" align="center"> </td>
<td width="20" bgcolor="green"> </td>
</tr>
</table>
<a href="#" onclick='zvij_out();'>развернуть</a><br>
<a href="#" onclick='zvij_in();'>свернуть</a>
<script language="JavaScript">
sliding=0;
function zvij_in() {
if(!sliding)
{
document.getElementById('t1').innerHTML = '';
k = 460;
sliding = setInterval(function() {
if( k > 20 ) {
k-=20;
document.getElementById('t1').width =k;
} else {
clearInterval(sliding);
sliding=0;
}
}, 1 );
}
}
sliding=0;
function zvij_out() {
if(!sliding)
{
k = 0;
sliding = setInterval(function() {
if( k < 460 ) {
k+=20;
document.getElementById('t1').width =k;
} else {
document.getElementById('t1').innerHTML = 'Hello!';
clearInterval(sliding);
sliding=0;
}
}, 1 );
}
}
function zvij_all() {
//setInterval("zvij_in()",10);
//setInterval("zvij_out()",10);
};
</script>
</body>
</html>
Когда полностью разворачиваеться, то идет пауза в 5 секунд, а когда полностью сворачиваеться, то - 1 сек. И так надо, чтоб оно было в цыкле, т.е. безконечно.
(Текст "Hello!" будет меняться (через масив), ну и фон само-собой будет как бумага, это потом...).
Как сделать паузу в zvij_all(). Или у меня не правильный подход к решению задачи? Спасибо!
