按钮点击水波纹效果插件ripple.js

查看演示立即下载

插件描述：轻量级按钮点击水波纹效果，支持所有块级标签，使用非常简单。

更新时间：2017/5/23 23:17:13

更新说明：修复低版火狐浏览器下检测浏览器版本报错的Bug

更新时间：2017/5/13 下午9:22:28

更新说明：

1、增加插件配置接口，可自定义水波纹的颜色、透明度、和扩散速度以及是否显示手指鼠标指针配置；

2、修改在IE9及以下低版本浏览器中不执行效果；

V1.1版本配置项

new Ripple({
    opacity : 0.6,  //水波纹透明度
    speed : 1,      //水波纹扩散速度
    bgColor : "#ffffff", //水波纹颜色
    cursor : false  //是否显示手型指针
})

使用ripple.js无需引用其它库，且代码量少，调用非常简单

1、引入js

1	`<script` `src="ripple.js"></script>`

2、调用

<script type="text/javascript">
    new Ripple()
</script>

3、在需要添加效果的元素上加上： data-ripple="ripple"

<div data-ripple="ripple">
    div标签
</div>

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com