本文实例讲述了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' /titlejquery商城网站全屏多张图片滑动切换代码/titlelink rel='样式表type=' text/CSS ' href=' CSS/slide。CSS头身！-代码部分begin-div class=' slide ' div class=' slide inner ' a href=' # ' style=' background : URL(图像/幻灯片1。jpg)无重复；'div class='moveElem img1' rel='0，EasinOutexpo ' img src=' http : images/slide 1 p 1。png '/div class=' moveElem img 2 ' rel=' 150，easeInOutExpo ' img src=' http : images/slide 1 p 2。png '/div/a href=' # ' style=' background : URL(图片/幻灯片2。jpg)no-repeat ' div class=' div class=' moveElem img 1 ' rel=' 0，Easinootexpo ' img src=' http : images/slide 3p 1。png '/div class=' moveElem img 2 ' rel=' 150，Easinootexpo ' img src=' http : images/slide 3p 2。png '/div class=' moveElem img 3 ' rel=' 300，Easinootexpo ' img src=' http : images ' ' div class=' moveElem img 1 ' rel=' 0，Easinootexpo ' img src=' http : images/slide 1 p 1。png '/div class=' moveElem img 2 ' rel=' 150，Easinootexpo ' img src=' http : images/slide 1 p 2。png '/div/a href=' # ' style='背景： RGB(178，44，44)；'div class='moveElem img1' rel='0，Easinootexpo ' img src=' http : images/slide 1 p 1。png '/div class=' moveElem img 2 ' rel=' 150，Easinootexpo ' img src=' http : images/slide 1 p 2。png '/div/a/div class=' nav ' a class=' prev ' href=' JavaScript :/a a class=' next ' href=' JAVAScript :/a/div/div脚本src=' http : js/jquery-1。11 .3 .量滴js '/script script src=' http : js/slide。js '/script脚本$(文档)。ready(function() { $(')).滑动内部').幻灯片({ slideContainer: $(').slideInner a ')、effect: ' easeOutCirc '、autoRunTime: 5000、slideSpeed: 1000、nav: true、autoRun: true、prevBtn: $('a.prev ')、next BTN : $(' a . next ')})))/script！-代码部分end/body/html以上就是为大家分享的jquery左右全屏大尺寸多图滑动效果代码，希望大家可以喜欢。