本文实例讲述了jQuery图片前后对比插件beforeAfter用法。分享给大家供大家参考，具体如下： 今天分享一款 jquery 插件——图片前后对比（beforeAfter），效果如下： [img]http://files.jb51.net/file_images/article/201609/2016920145321261.png?2016820145418[/img] 使用方法： [b]参数说明（部分）：[/b] showFullLinks：是否显示下面的链接，点击链接，将自动显示完整的前或后的图片，默认值：true imagePath：导航图片的路径（绝对路径或相对路径），导航图片指的是中间绿色条以及左右三角，默认值：/js/beforeAfter/ beforeLinkText：设置前图片下面链接的文字，默认值：Show only before afterLinkText：设置后图片下面链接的文字，默认值：Show only after [b]注意：[/b] 前后两张图片大小必须一致。 完整实例代码点击此处[url=http://xiazai.jb51.net/201609/yuanma/jquery-beforeafter-comp-img-codes(jb51.net).rar][b]本站下载[/b][/url]。 官网地址： http://www.catchmyfame.com/catchmyfame-jquery-plugins/jquery-beforeafter-plugin/ 更多关于jQuery相关内容感兴趣的读者可查看本站专题：《[url=http://www.1sucai.cn/Special/200.htm]jQuery常用插件及用法总结[/url]》、《[url=http://www.1sucai.cn/Special/430.htm]jQuery常见经典特效汇总[/url]》、《[url=http://www.1sucai.cn/Special/449.htm]jQuery form操作技巧汇总[/url]》、《[url=http://www.1sucai.cn/Special/294.htm]jQuery操作json数据技巧汇总[/url]》、《[url=http://www.1sucai.cn/Special/451.htm]jQuery扩展技巧总结[/url]》、《[url=http://www.1sucai.cn/Special/497.htm]jQuery拖拽特效与技巧总结[/url]》、《[url=http://www.1sucai.cn/Special/539.htm]jQuery表格(table)操作技巧汇总[/url]》、《[url=http://www.1sucai.cn/Special/93.htm]jquery中Ajax用法总结[/url]》、《[url=http://www.1sucai.cn/Special/104.htm]jQuery动画与特效用法总结[/url]》及《[url=http://www.1sucai.cn/Special/75.htm]jquery选择器用法总结[/url]》 希望本文所述对大家jQuery程序设计有所帮助。