jQuery横向擦除焦点图特效代码分享

本文实例讲述了jQuery横向擦除焦点图特效。分享给大家供大家参考。具体如下：迅雷jQuery横向擦除焦点图是一款基于jQuery实现的七屏横向擦除焦点图代码，有缩略图和标题，可以自定义标题。运行效果图： - 查看效果下载源码-

小提示：浏览器中如果不能正常运行，可以尝试切换浏览模式。(1)在头区域引入半铸钢钢性铸铁(铸造半钢)样式：

链接rel='样式表href='css/zzsc.css'(2)js代码放在文档最底端：

脚本类型=' text/JavaScript ' src=' http : js/jquery。js '/script脚本类型=' text/JavaScript ' jquery。noconfiglict()；jQuery(文档)。就绪(函数($){ $(')。指南列表李' .悬停(function () { $(this)).attr('class '，'鼠标在')；}，function () { $(this).attr('class '，'鼠标移出')；} );$('.（奥利斯特李)。mouseover(函数(){ $(this)).兄弟姐妹()。移除CLaSS(' on ')；$(这个)。添加CLaSS(' on ')；var preNumber=$(this).普雷瓦尔()。size()；$('.FIM glist Li ').移除CLaSS(' onpre ')；$('.FIM glist Li : th-child(' preNumber ').addCLaSS(' onpre ')；定义变量裕度=990;保证金=保证金*预编号；margin=margin *-1；$('.fimglist ').停止()。动画({marginLeft: margin 'px'}，持续时间： 500 })；});});/script为大家分享的jQuery横向擦除焦点图特效代码如下

hearteta http-equiv=' Content-Type ' Content=' text/html；字符集=GB 2312/标题迅雷jQuery横向擦除焦点图/titlelink rel='样式表href=' CSS/zzsc。CSS ' base target=' _ blank '/头体！-代码开始-br/br/div class=' focus ' div class=' focus box ' div class=' focus mg ' ul class=' FIM glist clear fix ' lia href='//www .JB 51。net/jiao Ben/' img src=' http : images/gint ama。jpg ' title='素材/a/Li liaJB 51。net/jiao Ben/' img src=' http : images/Steinsgate。jpg ' title='素材/a/Li liaJB 51。net/jiao Ben/' img src=' http : images/独角兽。jpg' title='素材/a/Li liaJB 51。net/jiao Ben/' img src=' http : images/Berserk。jpg ' title='素材/a/Li liaJB 51。net/jiao Ben/' img src=' http : images/summer wars。jpg ' title='素材/a/Li liaJB 51。net/jiao Ben/' img src=' http : images/akito。jpg ' title='素材/a/Li liaJB 51。net/jiao Ben/' img src=' http : images/EVA。jpg ' title='素材/a/Li/ul/div class=' focustool ' ul class=' FTO llist clear fix '！-通过控制该保险商实验所的左边的值来实现列表的左右移动，增量为931 px-Li class=' on ' a href='/www .JB 51。net/jiao Ben/' img src=' http : images/Gintama _ s . jpg ' p class=' imgname '银魂剧场版/PP类=' imgshotcat '永远的万事屋/p/a/li！-当前项时为该里添加第：期。JB 51。net/jiao Ben/' img src=' http : images/Steinsgate _ s . jpg ' p ' class=' imgname '石头门剧场版/PP类=' imgshotcat '负荷领域的既视感/p/a/Li liaJB 51。net/jiao Ben/' img src=' http : images/独角兽_s.jpg'p class='imgname '高达加州大学/加州理工学院独角兽/p/a/Li liaJB 51。net/jiao Ben/' img src=' http : images/Berserk _ s . jpg ' p class=' imgname '剑风传奇/PP类=' imgshotcat '黄金时代/p/a/Li liaJB 51。net/jiao Ben/' img src=' http : images/summer wars _ s . jpg ' p class=' imgname '夏日大作战=' imgsortcat '夏季战争/p/a/Li lia href='/www .JB 51。net/jiao Ben/' img src=' http : images/akito _ s . jpg ' p class=' imgname '亡国的阿基德/PP class=' imgsortcat ' code Geass/p/a/Li lia href='//www .JB 51。net/jiao Ben/' img src=' http : images/EVA _ s . jpg ' p class=' imgname '新舱外活动剧场版/PP=' imgsortcat ' new Evangelion/p/a/Li/ul/div a href=' JavaScript ://' class=' BTN _ pre ' target=' _ self ' style=' display : none '上一页/a a href=' JavaScript :/' class=' BTN _ next ' target=' _ self ' style=' display : none '下一页/a/div/div脚本类型=' text/JAVAScript ' src=' http : js/jquery。js '/script脚本类型=' text/JavaScript ' jquery。no config lict()；jQuery(文档)。就绪(函数($){ $(')。指南列表李' .悬停(function () { $(this)).attr('class '，'鼠标在')；}，function () { $(this).attr('class '，'鼠标移出')；} );$('.（奥利斯特李)。mouseover(函数(){ $(this)).兄弟姐妹()。移除CLaSS(' on ')；$(这个)。添加CLaSS(' on ')；var preNumber=$(this).普雷瓦尔()。size()；$('.FIM glist Li ').移除CLaSS(' onpre ')；$('.FIM glist Li : th-child(' preNumber ').addCLaSS(' onpre ')；定义变量裕度=990;保证金=保证金*预编号；margin=margin *-1；$('.fimglist ').停止()。动画({marginLeft: margin 'px'}，持续时间： 500 })；});});/脚本！-代码结束- /div/body/html以上就是为大家分享的迅雷jQuery横向擦除焦点图特效代码，希望大家可以喜欢，并应用到实践中。