jquery实现图片左右间隔滚动特效（可自动播放)

复制代码代码如下：DOCTYPE html html head meta content=' text/html；charset=utf-8'/title图片左右间隔滚动Jquery特效/title style type=' text/CSS ' * { margin :0 px；padd :0 px font-size :12 px；} a { text-decoration : nonefont-size :12 px} a : link { color : # 383455 font-size :12 px；} a :悬停{ color : # ff 0000font-size :12 px} a :已访问{ color : # 383455 font-size :12 px；} img { border:none}。HL _ main 5 _ content { width :898 px；高度：155 px边框-top :无；边距-左侧：1 pxmargin:100px auto}。HL _ main 5 _ content 1 { width :838 px；页边距-顶部：5 px飞越：隐藏；float:left边距-左侧：15像素；} .HL _ main 5 _ content 1 ul { width :1600 px；飞越：隐藏；} .HL _ main 5 _ content 1 ul Li {左浮：宽度宽度：200 pxdisplay : inline border :1 px # FF0000固体；右边距：10 px} .HL _ main 5 _ content 1 ul Li img {宽度：200 px} .HL _ scroll _ left BTN { width :14 px；高度：38 px背景： # CCC URL(HL _ scroll _ left。jpg)无重复；float : leftmargin-top :50 px；光标：指针指针；} .HL _ scroll _ right BTN { width :14 px；高度：38 px背景： # CCC URL(HL _ scroll _ right。jpg)无重复；右浮动：页边距-顶部：50像素；光标：指针指针；}/style/head body div class=' HL _ main 5 _ content ' div class=' HL _ scroll _ left BTN '/div class=' HL _ scroll _ right BTN '/div class=' HL _ main 5 _ content 1 ' ul lia href=' title=' img src=' http : images/HL _ SCR。R1。jpg '/a/a函数DY _ scroll(wrapper，prev，next，img，speed，or){ var wrapper=$(wrapper)；var prev=$(prev)；var next=$(next)；var img=$(img).find(' ul ')；var w=img.find('li ').外部宽度（真);var s=速度；下一个。单击(function(){ img。animate({ ' margin-left ' :-w })，function(){ img.find('li ').等式(0).附录(img)；img。CSS({ '左边距' :0 })；});flag=' left })；prev。单击(function(){ img。查找('李：最后').前置到(img)；img.css({ '左边距：-w })；img。动画({ ' margin-left ' :0 })；flag=' right })；if(or==true){ ad=setInterval(function(){ flag==' left '？next.click() : prev.click()}，s * 1000)；包装纸。hover(function(){ clearInterval(ad))；}，function(){ ad=SetInterval(function(){ flag==' left '？next.click() : prev.click()}，s * 1000)；});} } DY_scroll(' .hl_main5_content '，' .hl _ scrool _ leftbtn '，' .hl _ scrool _ rightbtn '，' .HL _ main _ content 1 '，3，真);//真为自动播放，不加此参数或错误的就默认不自动/script div style=' margin 33600 auto；宽度宽度：950像素支持自动播放的开启与关闭，同时支持左右箭头的点击播放。主要是修改DY_scroll()里面的参数，第一个参数hl _ main5 _内容是最外层的差异的同学们，其次是左边按纽，右边按纽，包含图片的div，时间（控制速度的，值越小越快),是否自动播放/div /body /html效果图如下