before-after左右拖拽分隔條對比圖片效果

before-after左右拖拽分隔條對比圖片效果，圖片中間有個拖動條，拖動左右滑動，可看到圖片不一樣的效果，女模特的臉變嫩了，呵呵，其實是用了兩張背景圖片實現的，這就需要jquery.beforeafter.js插件了，拖動時候的小圖標不見了，路徑可以在jquery.beforeafter.js中設置，適合美容院，醫院等照片展示。兼容主流瀏覽器，次元立方推薦下載！

使用方法：

1、在head區域引入樣式表文件lrtk.css

2、在head區域引入jquery.js和jquery-ui-1.8.13.custom.min.js和jquery.beforeafter-1.3.min.js

3、在head區域加入

<script type="text/javascript">

$(function(){

$('#container').beforeAfter({imagePath:'js/'});

});

if( self == top ) {

document.documentElement.style.display = 'block' ;

} else {

top.location = self.location ;

}

</script>

4、在你的網頁中加入注釋區域代碼即可