jquery一动画，慢慢出现--->铺满

来源：互联网发布：鬼屋知乎编辑：程序博客网时间：2024/06/10 06:16

<!DOCTYPE html><html><head>    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />    <title>demo</title>    <script src="jquery-1.7.2.min.js" type="text/javascript" charset="utf-8"></script></head><style type="text/css">    body{        margin:0;        padding:0;    }    div{        width:1596px;        height:835px;        border:1px solid red;         overflow:hidden;        margin:0 auto;    }    img{        width:500px;        height:500px;        margin-left:1596px;        margin-top:835px;        padding:0;    }</style><script type="text/javascript" charset="utf-8">    $(document).ready(function(){            $('#img').animate({                    width:"100%",                    height:"100%",                    marginLeft:"0",                    marginTop:"0"                },10000);              });</script><body>    <div class="showimg" id="showimg">       <img src="C:\Users\wang\Desktop\map-sh.gif" id="img" alt="Here is a pic" />    </div></div></body></html>