Блок открывается с анимацией разворачиванием

Скрипт: Блок открывается с анимацией разворачиванием
<html> <head> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD><TITLE>Блок открывается с анимацией разворачиванием</TITLE> <style type="text/css"> #window { background: #fc0; width: 300px; height: 200px; position: absolute; left: 50%; top: 50%; margin-left: -150px; margin-top: -100px; clip: rect(100 auto 100 auto) } #window P { margin: 0px; padding: 10px } #title { background: #666; padding: 5px; font-weight: bold; text-align: right } #title A { color: white; text-decoration: none } </style> <script language="JavaScript"> step = 10 height = 200 y1 = y2 = height/2 function curtainOn() { if (Opera) document.getElementById("window").style.display = "block" if (y1 > 0) { y1 -= step y2 += step clip = y1 + " auto " + y2 + " auto" document.getElementById("window").style.clip = "rect(" + clip + ")" setTimeout("curtainOn()", 30) }} function curtainOff() { if (y2 > (height/2)) { y1 += step y2 -= step clip = y1 + " auto " + y2 + " auto" document.getElementById("window").style.clip = "rect(" + clip + ")" setTimeout("curtainOff()", 30) } else if (Opera) document.getElementById("window").style.display = "none" } </script> </head> <body> <div id=window> <div id=title><a href="javascript: curtainOff()">Закрыть окно [X]</a></div> <p>При нажатии развернуть окно, это окно развернется. Для сворачивания окна нажмите закрыть окно в заголовке этого окна.</p> </div> <br><br> <a href="javascript: curtainOn()">Развернуть окно</a> <script language="JavaScript"> Opera = document.getElementById && window.opera if (Opera) document.getElementById("window").style.display = "none" </script> <div align="center"><a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><img style="margin:0;padding:0;border:0;" alt="Hosted by uCoz" src="http://s204.ucoz.net/img/cp/9.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div> </body> </html>

Обратно на страницу Скрипты