利用JS 逐渐隐藏层和逐渐显示层

BowenXu11

于 2020-04-08 16:45:56 发布

阅读量606

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/BowenXu11/article/details/105391404

版权

本文介绍如何使用JavaScript来创建元素的渐显和渐隐效果。通过调整CSS透明度和设置时间间隔，实现平滑过渡，为网页增添动态交互体验。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <style type="text/css">
        div {
   
        background-color:aqua;
        height:400px;
        width:500px;
        overflow:hidden;/*层中元素随层一起隐藏*/
        
        }

    </style>
    <script type="text/javascript">
        window.onload = function () {
   
            //逐渐隐藏层
            this.document.getElementById('btn').onclick = function () {
   
                //1.获取层，
                //1.2禁用显示按钮
                var divObj