,,

JavaScript圖片水波漣漪效果

當前位置：點晴教程→知識管理交流 →『技術文檔交流』

admin

2024年9月11日 7:46 本文熱度 1012

水波漣漪效果

這個效果真的太哇塞了！

它是用jQuery實現的，下面是此插件的github地址

https://github.com/jtiscione/ripple

只需要下載這兩個js文件，然后在html文件中引入，按照給的demo調用即可實現效果，下面是一個demo源碼，代碼很少。

<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8">
    <title>Jquery水波漣漪</title>
    <!-- 引入jquery和漣漪js文件 -->
    <script src="js/jquery-2.1.1.min.js"></script>
    <script src="js/jquery.ripple.js"></script>
  </head>
  <body>
    <!-- 圖片 -->
    <img id="target"
      src="https://img2.baidu.com/it/u=3595380293,1349487589&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=666">
    <script>
      $(function() {
        $("#target").ripple();
      });
</script>
  </body>
</html>

該文章在 2024/9/13 8:43:22 編輯過

關鍵字查詢

圖片

正在查詢...

點晴ERP是一款針對中小制造業的專業生產管理軟件系統,系統成熟度和易用性得到了國內大量中小企業的青睞。

點晴PMS碼頭管理系統主要針對港口碼頭集裝箱與散貨日常運作、調度、堆場、車隊、財務費用、相關報表等業務管理，結合碼頭的業務特點，圍繞調度、堆場作業而開發的。集技術的先進性、管理的有效性于一體，是物流碼頭及其他港口類企業的高效ERP管理信息系統。

點晴WMS倉儲管理系統提供了貨物產品管理,銷售管理,采購管理,倉儲管理,倉庫管理,保質期管理,貨位管理,庫位管理,生產管理,WMS管理系統,標簽打印,條形碼,二維碼管理,批號管理軟件。

點晴免費OA是一款軟件和通用服務都免費，不限功能、不限時間、不限用戶的免費OA協同辦公管理系統。

公交车上荫蒂添的好舒服的电影-公用玩物(np双xing总受)-公用小荡货芊芊-公与妇仑乱hd-攻把受做哭边走边肉楼梯play-古装一级淫片a免费播放口

JavaScript圖片水波漣漪效果