本文实例讲述了jquery图片滚动放大效果。分享给大家供大家参考。具体如下：这是一款基于jquery实现图片滚动放大效果代码，带有左右箭头，适合用于产品展示，便于用户浏览产品细节，是一款非常实用的特效代码。运行效果图： - 查看效果下载源码-

小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。为大家分享的jquery图片滚动放大效果代码如下

hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8' /titlejquery图片滚动放大效果/title link href=' CSS/zzsc。' CSS '类型=' text/CSS ' rel='样式表'/脚本类型=' text/JAVAScript ' src=' http : js/jquery。js /脚本/headdydiv class=' slider box ' div id=' BTN-左' class=' arrow-BTN dasabled d '/div class=' slider ' ul lia href='//www .JB 51。net/' target=' _ blank ' img滑块ul’)；var $slider_child_l=$(' .滑块ul Li ').长度；var $slider_width=$(' .滑块ul Li ').宽度();$滑块。宽度($ slider _ child _ l * $ slider _ width)；var slider _ count=0；if($ slider _ child _ l6){ $(' # BTN-右').CSS({光标： ' auto ' })；$('#btn-right ').移除CLaSS(' das abled ')；}$('#btn-right ').click(function(){ if($ slider _ child _ l 6 | | slider _ count=$ slider _ child _ l-6){ return false；}滑块_计数；$滑块。动画({ left : '-=' $ slider _ width ' px ' }，' slow ')；slider _ pic()；});$('#btn-left ').click(function(){ if(slider _ count=0){ return false；} slider _ count-；$滑块。动画({ left : '=' $ slider _ width ' px ' }，' slow ')；slider _ pic()；});函数slider _ pic(){ if(slider _ count=$ slider _ child _ l-6){ $(' # BTN-右').CSS({光标： ' auto ' })；$('#btn-right ').addCLaSS(' das abled ')；} else if(slider _ count 0 slider _ count=$ slider _ child _ l-6){ $(' # BTN-左').CSS({光标： '指针' })；$('#btn-left ').移除CLaSS(' das abled ')；$('#btn-right ').CSS({光标： '指针' })；$('#btn-right ').移除CLaSS(' das abled ')；} else if(slider _ count=0){ $(“# BTN-左”).CSS({光标： ' auto ' })；$('#btn-left ').addCLaSS(' das abled ')；}}$('.滑块a ').悬停(function() { if ($(this)).查找(“img :动画”).长度)返回；$(这个)。动画({marginTop: '0px'}，300)；$(这个)。查找(' img ').动画({width: '150px'}，300)；}，function() { $(this).动画({marginTop: '24px'}，200)；$(这个)。查找(' img ').动画({width: '90px'}，200)；});/script div style=' text-align : center；clear:both'/div/body/html以上就是为大家分享的jquery图片滚动放大效果代码，希望大家可以喜欢。