视频直播网站源码，前端效果-css+javascript

<!DOCTYPE html><br><html><br><head><br>    <meta charset="UTF-8"><br>    <meta http-equiv="X-UA-Compatible" content="IE=edge"><br>    <meta name="viewport" content="width=device-width, initial-scale=1.0"><br>    <title>Document</title><br>    <style><br>        * {<br>            margin: 0;<br>            padding: 0;<br>        }<br>        .box{<br>            width: 1366px;<br>            height: 600px;<br>            margin: 0 auto;<br>            background: url("./images/bg.jpg");<br>            overflow: hidden;<br>        }<br>        .left{<br>            float: left;<br>            width: 50%;<br>            height: 600px;<br>            background: url("./images/fm.jpg");<br>            transition: all .5s;<br>        }<br>        .right{<br>            float: left;<br>            width: 50%;<br>            height: 600px;<br>            background: url("./images/fm.jpg") right 0;<br>            transition: all .5s;<br>        }<br>        .box:hover .left{<br>            transform: translate(-100%);<br>        }<br>        .box:hover .right{<br>            transform: translate(100%);<br>        }<br>    </style><br></head><br><body><br><div><br>    <div></div><br>    <div></div><br></div><br></body><br></html>