<rp id="8tczm"></rp>

  1. <em id="8tczm"><acronym id="8tczm"></acronym></em><rp id="8tczm"></rp>
      <button id="8tczm"><object id="8tczm"></object></button>
    1. JS特效 http://www.gxjapp.com/js/
    2. 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、在你的網頁中加入注釋區域代碼即可

       

      • 專題推薦

      次元立方 - 廣告服務 - 隱私聲明 - 版權申明 - 免責條款 - 網站地圖 - 網友投稿 - 聯系方式
      本站內容來自于互聯網,僅供用于網絡技術學習,學習中請遵循相關法律法規
      三级网址,年轻人免费观看视频,欧美日韩中文字幕综合图区,日本视频wwww色
      <rp id="8tczm"></rp>

      1. <em id="8tczm"><acronym id="8tczm"></acronym></em><rp id="8tczm"></rp>
          <button id="8tczm"><object id="8tczm"></object></button>