想不出名字呀 2021-11-26 00:01 采纳率: 50%
浏览 24
已结题

关于#javascript#的问题：子窗口刚刚弹出时大小

子窗口刚刚弹出时大小为宽 100 像素、高 50 像素,然后通过使用 setTimeout（）函数或者setinterval（）函数让子窗口每隔2毫秒,宽和高都自动增加 5像素,直到子窗口的宽与 500像素时停止。

  • 写回答

1条回答 默认 最新

  • CSDN专家-天际的海浪 2021-11-26 00:09
    关注

    子窗口是 div 吧
    你题目的解答代码如下：

    <!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title> 页面名称 </title>
<style type="text/css">
#box {
    position: absolute;
    left: 200px;
    top: 200px;
    background-color: #DDD;
    border: 1px solid #f00;
    display: none;
}
</style>
</head>
<body>

<div id="box"></div>
<input type="button" value="弹出子窗口" onclick="opp();" />
<script type="text/javascript">
var timer;
function opp() {
    clearInterval(timer);
    var box = document.getElementById("box");
    var w = 100, h = 50;
    box.style.display = "block";
    box.style.width = w+"px";
    box.style.height = h+"px";
    timer = setInterval(function(){
        w += 5;
        h += 5;
        box.style.width = w+"px";
        box.style.height = h+"px";
        if (w>=500)
                clearInterval(timer);
                
    }, 2);
}
</script>
</body>
</html>

    如有帮助，望采纳！谢谢!

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录

报告相同问题？

问题事件

  • 已结题 （查看结题原因） 11月28日
  • 已采纳回答 11月28日
  • 创建了问题 11月26日

悬赏问题

  • ¥15 这个主板怎么能扩出一两个sata口
  • ¥15 不是，这到底错哪儿了😭
  • ¥15 2020长安杯与连接网探
  • ¥15 关于#matlab#的问题：在模糊控制器中选出线路信息，在simulink中根据线路信息生成速度时间目标曲线（初速度为20m/s，15秒后减为0的速度时间图像）我想问线路信息是什么
  • ¥15 banner广告展示设置多少时间不怎么会消耗用户价值
  • ¥16 mybatis的代理对象无法通过@Autowired装填
  • ¥15 可见光定位matlab仿真
  • ¥15 arduino 四自由度机械臂
  • ¥15 wordpress 产品图片 GIF 没法显示
  • ¥15 求三国群英传pl国战时间的修改方法