• JS特效 http://www.it165.net/js/
  • before-after左右拖拽分隔条对比图片效果

    发布日期:2014-11-06 20:36:10
    Tag标签:效果  图片  


    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、在你的网页中加入注释区域代码即可

     

    • 专题推荐

    次元立方 - 广告服务 - 隐私声明 - 版权申明 - 免责条款 - 网站地图 - 网友投稿 - 联系方式
    本站内容来自于互联网,仅供用于网络技术学习,学习中请遵循相关法律法规