master

分支 (2)

管理

管理

master

dev

js
/
Review01.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        html,body{
            margin:0; padding:0; height:100%; background-color:grey;
        }
        #card{
            width:100%; height:45px; position:relative;
        }
        #card span{
            padding:5px 10px; line-height:25px; color:#555; font-size:15px; border:solid 1px #ccc;
            margin:1px; float:left; cursor:pointer;
        }
        #main{
            width:100%; height:100px; position:relative;
        }
        #main div{
            position:absolute; top:0; left:0; text-align:left; background-color:#fff; display:none;
        }
        #main div:first-child{
            display:block;
        }
        #star{
            width:100%; height:50px; position:relative;
        }
        #star img{
            height:50px; float:left; position:relative; z-index:1;
        }
        #star span{
            display:block; width:0; height:50px; overflow:hidden; background-color:yellow;
            position:absolute; top:0; left:0; z-index:0;
        }
    </style>
    <script type="text/javascript">
        class Animate{
            constructor(){
                this.a=10;
                this.a();
            }
            a(){

            }
            run(){

            }
        }
        class Cat extends Animate{
            constructor(){
                super();
                b();
            }
            b(){

            }
        }
        console.log(new Cat());
    </script>
</head>
<body>
<div>
    <div id="card">
        <span>Card1</span>
        <span>Card2</span>
        <span>Card3</span>
        <span>Card4</span>
    </div>
    <div id="main">
        <div>Content01</div>
        <div>Content02</div>
        <div>Content03</div>
        <div>Content04</div>
    </div>
</div>
<div id="star">
    <span></span>
    <img src="star.png" alt="">
    <img src="star.png" alt="">
    <img src="star.png" alt="">
    <img src="star.png" alt="">
    <img src="star.png" alt="">
</div>
</body>
</html>