|
Примерно так получается
<!DOCTYPE html>
<meta charset = "utf-8" />
<script type = "text/javascript">
window.onload = function(){
var inner = document.createElement("DIV");
inner.id = "inner";
inner.innerHTML = "123123123<br />123123123<br />123123123<br />123123123<br />";
document.getElementById("put").onclick = function(){
var outer = document.getElementById("outer");
outer.appendChild(inner);
var maxh = inner.clientHeight, h = 0;
(function(){
inner.style.height = h + "px";
if(h ++ < maxh){
window.setTimeout(arguments.callee, 5);
}
}())
}
}
</script>
<style type = "text/css">
#inner{
overflow:hidden;
}
#outer{
border:1px solid green;
}
</style>
<button id = "put">put!</button>
<div id = "outer" class = "closed"></div>
__________________
readOnly
Последний раз редактировалось poorking, 25.04.2011 в 15:47.
|