成品直播源码，点击滑动切换效果

成品直播源码，点击滑动切换效果实现的相关代码

<!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>            padding: 0;<br>            margin: 0;<br>        }<br>        .nav {<br>            list-style: none;<br>            display: flex;<br>           <br>            height: 40px;<br>        }<br>        .nav li{<br>            width: 33.3%;<br>        }<br>        .mainbody{<br>            display: flex;<br>            transition: all 0.6s linear;<br>            width: 5760px;<br>        }<br>        .mainbody div{<br>           <br>            width: 1920px;<br>            height: 500px;<br>        }<br>    </style><br></head><br><body><br>    <div><br>        <ul><br>                <li id="yesterday">昨天</li><br>                <li id="today">今天</li><br>                <li onclick="tomorrow">明天</li><br>        </ul><br>        <div><br>            <div style=""></div><br>            <div style=""></div><br>            <div style=""></div><br>                <br>        </div><br>    </div><br>    <script><br>        let mainbody = document.querySelector('.mainbody')<br>        let yesterday = document.getElementById("yesterday")<br>        let today = document.getElementById("today")<br>        yesterday.addEventListener("click",()=>{<br>            mainbody.style.transform = "translateX(0px)"<br>        })<br>        today.addEventListener('click',()=>{<br>            mainbody.style.transform = "translateX(-1920px)"<br>        })<br>    </script><br></body><br></html>