JavaScript实现首页轮播图切换

    <div class="cj_dp_div">
       <div class="prev_dp"></div>
             <div class="cj_cont">
             <ul class="cj_dp_list cfix">
                    <li><script type="text/javascript">BAIDU_CLB_fillSlot("802592");</script></li>

                    <li><script type="text/javascript">BAIDU_CLB_fillSlot("802594");</script></li>

                    <li><script type="text/javascript">BAIDU_CLB_fillSlot("802596");</script> </li>

                    <li> <script type="text/javascript">BAIDU_CLB_fillSlot("802597");</script></li>

                    <li><script type="text/javascript">BAIDU_CLB_fillSlot("802598");</script></li>

                    <li><script type="text/javascript">BAIDU_CLB_fillSlot("802600");</script></li>
                </ul>
            </div>
            <div class="next_dp"></div>
        </div>
      <script type="text/javascript">
          $(function () {
              var marginLeft, dpListLeft, ani_state = 0;
              $(".prev_dp").click(function () { animateLeft(-1); });
              $(".next_dp").click(function () { animateLeft(1); });
              $(".cj_dp_list").bind({
                  mouseover: function () {
                      ani_state = 1;
                  },
                  mouseleave: function () {
                      ani_state = 0;