本文实例讲述了jquery实现的左右移动焦点图效果。分享给大家供大家参考，具体如下：

jquery 部分：

$(function () {
  var _speed = 1000;
  var _len = 0;
  var _size = 150;
  var _direction = 'left';
  function mar(){
    if(_direction == 'left'){
      if(_len >= 450){
       _direction = 'right';
      }else{
       $(".flow ul").animate({"margin-left":"-=" + _size + "px"});
       _len += _size;
      }
    }else{
      if(_len 

html 部分

<div class="salebox">
  <a class="left" id="pic_left">left</a>
  <div class="pcont" id="ISL_Cont_1">
    <div class="ScrCont">
      <div class="flowbox" style="width:150px; height:60px; overflow:hidden;float:left;">
        <div class="flow" style="width:150px;height:60px;">
          <ul>
<li>@@##@@</li>
           <li>@@##@@</li>
           <li>@@##@@</li>
           <li>@@##@@</li>
          </ul>
</div>
      </div>
    </div>
   </div>
  <a class="right" id="pic_right">right</a>
</div>

更多关于jQuery特效相关内容感兴趣的读者可查看本站专题：《jQuery动画与特效用法总结》及《jQuery常见经典特效汇总》

jQuery 1.12.4

jQuery 1.12.4是jQuery 1.x系列的最后一个正式稳定版本，由jQuery团队于2016年发布。该版本主要面向需要兼容旧版浏览器环境的网站和Web应用，尤其适用于仍需支持Internet Explorer 6、Internet Explorer 7、Internet Explorer 8等老旧浏览器的项目。

下载

希望本文所述对大家jQuery程序设计有所帮助。