本文实例讲述了jQuery横向擦除焦点图特效。分享给大家供大家参考。具体如下：jQuery焦点图是一款满屏左右滚动，带左右按钮，带缩略图，支持自动轮播的焦点图代码。运行效果图： - 查看效果下载源码-

小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。为大家分享的jQuery满屏焦点图左右滚动特效代码如下

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8' /title住趣家居网满屏jQuery焦点图/title link href=' CSS/home。CSS ' rel='样式表'/脚本src=' http : js/jquery。js ' type=' text/JavaScript '/脚本脚本src=' http : js/home。js ' type=' text/JavaScript '/脚本/headdydiv类=' zq _ HomeView ' id=' jobs _ home _ HomeView ' div类=' zq _ pictureBox '节点类型=' pictureBox '厨房收纳整理工具src=' http : images/5。jpg '/a节点类型=' PictItem ' href='//www .JB 51。net/jiao Ben/' target=' _ blank ' img alt='百搭落地灯src=' http : images/1。jpg '/a节点类型=' PictItem ' href='//www .JB 51。net/jiao Ben/' target=' _ blank ' img alt='百搭落地灯src=' http : images/2。jpg '/a节点类型=' PictItem ' href='//www .JB 51。net/jiao Ben/' target=' _ blank ' img alt='清新格子床品src=' http : images/3。jpg '/a节点类型=' PictItem ' href='//www .JB 51。net/jiao Ben/' target=' _ blank ' img alt='特色墙纸壁纸src=' http : images/4。jpg '/a节点类型=' PictItem ' href='//www .JB 51。net/jiao Ben/' target=' _ blank ' img alt='开放式简约现代一居室装修src=' http : images/5。jpg '/a节点类型=' PictItem ' href='//www .JB 51。net/jiao Ben/' target=' _ blank ' img alt='厨房收纳整理工具src=' http : images/1。jpg '/a/div class=' zq _ mask zq _ maskLeft '节点类型=' maskLeft '/div class=' zq _ mask zq _ mask right '节点类型=' maskRight '/div/div class=' zq _ IMgbox ' div class=' zq _ IMGs clear fix ' a节点-类型=' smolpic ' target=' _ blank ' data-index=' 1 ' href='//www .JB 51。net/jiao Ben/' class=' current img ' img alt='百搭落地灯src=' http : images/1。jpg '/a节点类型=' smolpic ' target=' _ blank ' data-index=' 2 ' href='//www .JB 51。net/jiao Ben/' img alt='清新格子床品src=' http : images/2。jpg '/a节点类型=' smolpic ' target=' _ blank ' data-index=' 3 ' href='//www .JB 51。net/jiao Ben/' img alt='特色墙纸壁纸src=' http : images/3。jpg '/a节点类型=' smolpic ' target=' _ blank ' data-index=' 4 ' href='//www .JB 51。net/jiao Ben/' img alt='开放式简约现代一居室装修src=' http : images/4。jpg '/a a节点类型=' smolpic ' target=' _ blank ' data-index=' 5 ' href='//www .JB 51。net/jiao Ben/' img alt='厨房收纳整理工具src=' http : images/5。jpg '/a/div class=' zq _ slides ' a href=' JavaScript :class=' zq _ slide left ' action-type=' prev ' em/em/a a href=' JAVAScript :class=' zq _ slide right ' action-type=' next ' em/em/a/div/div/div style=' text-align : center；clear:both'/div/body/html以上就是为大家分享的jQuery满屏焦点图左右滚动特效代码，希望大家可以喜欢，并应用到实践中。