javascript冒泡事件代码

1:在html中创建两个div

<div id="diva">
        <div id="divb">啦啦啦</div>
    </div>

2:在css中写div的样式:

  #diva{
            width: 200px;
            height: 300px;
            background: greenyellow;
            position: absolute;
           margin-left: 300px;
        }

        #divb{
            width: 100px;
            height: 20px;
            background: pink;
            position: absolute;
            color: blueviolet;
            margin-top: 300px;
            margin-left: 50px;
        }

3:在JavaScript中写点击事件:

  <script>
        var oDiv = document.getElementById("diva");
        oDiv.onmouseover = function(){
            this.style.top ="0px";
        }
        oDiv.οnmοuseοut=function(){
            this.style.top="-300px";
        }

    </script>

4:在浏览器中运行。


  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值