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

最新推荐文章于 2022-02-23 15:02:25 发布

喝咖啡的乌龟

最新推荐文章于 2022-02-23 15:02:25 发布

阅读量461

点赞数

文章标签： jquery border function div class c

本文链接：https://blog.csdn.net/wangzhiyuande/article/details/7790030

版权

<!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>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

喝咖啡的乌龟

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery一动画，慢慢出现--->铺满

demo body{ margin:0; padding:0; } div{ width:1596px; height:835px; border:1px solid red; overflow:hidden; margin:0 auto;
复制链接

扫一扫