使用JQuery实现首页轮播图，左右切换，圆点切换，鼠标进入图片时悬停，移除自动切换效果

测试了很多次把所有遇见的坑都解决掉了,直接上代码

//HTML代码
 <div class="banner">
        <!-- 轮播大图 -->
        <ul class="banner_img">
            <li>
                <a href="javascript:;">
                    <img src="../../images/banner01.png">
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <img src="../../images/banner02.png">
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <img src="../../images/banner03.png">
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <img src="../../images/banner04.png">
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <img src="../../images/banner05.png">
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <img src="../../images/banner06.png">
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <img src="../../images/banner07.png">
                </a>
            </li>
        </ul>
        <!-- 左右箭头 -->
        <a href="javascript" class="ck-side ck-left"></a>
        <a href="javascript" class="ck-side ck-right"></a>
        <