LOGO OA教程 ERP教程 模切知识交流 PMS教程 CRM教程 开发文档 其他文档  
 
网站管理员

JavaScript图片水波涟漪效果

admin
2024年9月11日 7:46 本文热度 347

水波涟漪效果


这个效果真的太哇塞了!

它是用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协同办公管理系统。
Copyright 2010-2024 ClickSun All Rights Reserved