TwentyTwenty – 使用 jQuery 實現圖片對比功能


  這是一款非常棒的圖片對比工具,能夠方便的應用到你的網站中。其基本思路是把兩張圖片層疊在一起,當你拖動滑竿的時候,利用 CSS clip 裁剪圖片,進行形成視覺對比效果。

您可能感興趣的相關文章

 

 

很酷的工具,去看看

 

  使用方法非常簡單,HTML 示例代碼:

<div id='container1'>
  <img src='sample-before.png' />
  <img src='sample-after.png' />
</div>

  JavaScript 示例代碼:

$(window).load(function() {
  $('#container1').twentytwenty();
});

 

本文鏈接:TwentyTwenty:使用 jQuery 對比兩張圖片的差別

編譯來源:夢想天空 ◆ 關注前端開發技術 ◆ 分享網頁設計資源


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM