按钮图标
Material Design鼠标点击波特效jQuery插件
PetitQ
rippleria.js 是一款效果非常炫酷的 Material Design 鼠标点击波特效 jQuery 插件。该插件使用 CSS3 animation 动画来制作点击波效果，可以在按钮和图片等元素上制作点击波特效。
使用方法：
使用该点击波插件需要在页面中引入 jquery.rippleria.css，jquery 和 jquery.rippleria.js 文件。
也想出现在这里？联系我们吧
<link rel="stylesheet" href="css/jquery.rippleria.css">
<script src="js/jquery.min.js"></script>
<script src="js/jquery.rippleria.js"></script>
HTML 结构：
为需要添加点击波效果的元素添加 data-rippleria 属性。
<button data-rippleria>Default</button>
你可以通过 HTML5 data-*属性来自定义点击波的效果：
<button data-rippleria
data-rippleria-color="blue"
data-rippleria-easing="ease-in"
data-rippleria-duration="5000">
Click me
</button>
data-rippleria-dark 用于指定反色效果的点击波。
初始化插件：
你也可以通过初始化插件的反色来定义点击波的效果。
$('.selector').rippleria({
// 动画的速度duration: 750,
// 自定义easing效果easing: 'linear',
// 自定义颜色color: undefined});
$('.selector').rippleria("changeDuration", "500");
$('.selector').rippleria("changeEasing", "ease-in-out");
$('.selector').rippleria("changeColor", "blue");
rippleria 点击波插件的 github 地址为：https://github.com/nsept/rippleria
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
