jquery关于animate动画的一个问题


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <style type="text/css">
<!--
*
{
margin:0;
padding:0;
}
#small,#big
{
cursor:pointer;
}
#change
{
width:400px;
height:300px;
}
-->
  </style>
    <script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
<!--
$(document).ready(function(){
var $content=$("#change");
$("#small").click(function(){
if(!$("#change").is(":animated"))
{

$("#change").animate({width:"100%",height:"100%"},400);


}

});
$("#big").click(

function(){

if(!$("#change").is(":animated"))
{


$("#change").animate({width:"400px",height:"300px"},400);


}
});

}); -->
</script>
 </HEAD> <BODY>
  <div id="kuang">
<span id="small">全屏</span>
<span id="big">还原</span>
<div>
<textarea id="change"></textarea>
</div>
  </div>
 </BODY>
</HTML>
选全屏的时候为什么宽度可以布满整个显示器，而高度不可以？

解决方案 »

  1.   

    上面写错了html<div id="kuang">
    <span id="small">全屏</span>
    <span id="big">还原</span>
     </div>
    <div>
    <textarea cols=80 rows=4 id="change"></textarea>
    </div>
      

  2.   


    $("#small").click(function(){
        if(!$("#change").is(":animated"))
        {
            var scrollHeight = Math.max(
        document.documentElement.scrollHeight,
        document.body.scrollHeight
    );
    var scrollWidth = Math.max(
        document.documentElement.scrollWidth,
        document.body.scrollWidth
    );
            var overlayHeight = $.browser.msie && $.browser.version < 7 ? scrollHeight < Math.max(
        document.documentElement.offsetHeight,
         document.body.offsetHeight
    ) ? $(window).height() : scrollHeight : $(document).height();
    var overlayWidth = $.browser.msie && $.browser.version < 7 ? scrollWidth < Math.max(
        document.documentElement.offsetWidth,
        document.body.offsetWidth
    ) ? $(window).width() : scrollWidth : $(document).width();        $("#change").animate({width:overlayWidth",height:overlayHeight},400);
    }