博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用js实现水波效果
阅读量:4319 次
发布时间:2019-06-06

本文共 306 字,大约阅读时间需要 1 分钟。

使用到的工具:jQuery Ripples Plugin

  • 下载安装
    git clone
  • 引入jquery,jquery.ripples/jquery.ripples.js到html中
  • 使用以下脚本启动和控制水波效果
$(function() {$('.pool').ripples({      resolution: 512,      dropRadius: 20,      perturbance: 1,    });});

需要注意的是

  • 该工具不能用在移动端上
  • 该工具只能作用在有背景图片的元素中

转载于:https://www.cnblogs.com/kevin1220/p/5652734.html

你可能感兴趣的文章
hihocoder 1643 Puzzle Game(北京icpc2017 现场赛)
查看>>
vim 简单理解三种模式 粗暴入门
查看>>
django模板层之静态文件引入优化
查看>>
转载使用命令wsimport构建WebService客户端
查看>>
java实现23种设计模式之模版方法模式
查看>>
小程序·云开发实战 - 校园约拍小程序
查看>>
闲话函数式变成与OOP
查看>>
Linux-正则表达式与三剑客
查看>>
php中,post与get获取参数的异同
查看>>
警惕!年轻人要拥抱自动化和人工智能作为通信的未来
查看>>
Python给数字前固定位数加零
查看>>
python 多进程和多线程对比
查看>>
【转载】 wpf无边框的方法以及拖拽的问题
查看>>
Web自动化测试 二 ----- HTML
查看>>
sql 入门经典(第五版) Ryan Stephens 学习笔记  第四部分:建立复杂的数据库查询/...
查看>>
[原创]Keys的基本操作总结,判断Keys中是否存在Keys.Control|Keys.Alt,移除Keys中的部分键值。...
查看>>
主题样式之背景图片不随鼠标滑动而移动
查看>>
Centos 中文乱码
查看>>
IDLE常用快捷键
查看>>
MyBatis课程4
查看>>