前端学习笔记：js 第四天--淡入淡出案例

淡入淡出案例

CSS

<style>
            *{
                margin: 0px;
                padding:0px;
                list-style: none;
            }
            div{
                width: 520px;
                height: 280px;
                margin:100px auto;
            }
            ul{
                position: relative;
            }
            ul li{
                position: absolute;
                left:0px;
                top:0px;
                width: 520px;
                height: 280px;
                opacity: 0;
            }
            ul li:nth-of-type(1){
                background: rgb(255, 183, 195);
            }
            ul li:nth-of-type(2){
                background: rgb(255, 173, 255);
            }
            ul li:nth-of-type(3){
                background: rgb(255, 223, 163);
            }
            ul li:nth-of-type(4){
                background: rgb(255, 255, 162);
            }
            ul