关键词：
目前是两个button，但是页面只有一个button时效果才正常，多于一个就不行。图片效果是黄色的，html地址是百度云的，不准放链接所以截图了
首先在代码的如下位置打印事件对象，检查是不是重复调用了：
结果点击上面的“waves”和“btn”按钮分别返回了不同的事件对象，所以排除重复调用的可能。
在代码的129行，将动画定时器的时间改大（减慢动画执行速度），观察效果：
经观察，发现这个“水波纹”特效是全屏的，你看到的点击一个按钮后两个按钮上都有水波纹，其实是因为生成的那个水波纹动画层全屏覆盖住了整个页面，由于水波纹层是白色半透明的，所以页面的白色区域下你看不见，有其他颜色的区域都会看见（你可以把body的背景颜色改为除白色外的其他颜色，再点按钮试试）。
根因已经找到，解决的办法很简单，让生成的水波纹层不超出当前按钮区域即可，具体为：在代码第20行，为.waves, .btn 增加两行CSS代码：
position: relative;overflow: hidden; 参考技术A 肯定是页面中button的ID重复了，你可以把新添加的button修改下ID，希望对你有帮助，望采纳！
canvas实现点击带水纹的按钮
...码!完整代码在最后,是经过我的改进优化滴.在这里先分析一下功能,就两个核心点. 1.获取当前鼠标点击位置,注意这里要用offsetX/Y,不能用screenX/Y或者clientX/Y,他们三个的区别可以上网搜一下,这里就 查看详情
wpf实现水纹效果
原文:WPF实现水纹效果 鼠标滑过产生水纹，效果图如下：??XMAL就放置了一个img标签?后台主要代码窗体加载：privatevoidWindow_Loaded(objectsender,RoutedEventArgse)Bitmapbmp=Properties.Resources.water;ww=newWaterWave(bmp);//设置显示大小和图片一... 查看详情
android自定义button圆角大小可设置+点击变暗效果
参考技术A这里推荐一下大佬的框架，xml中直接实现shape：ShapeView 查看详情
ios开发button点击之后有高亮效果，效果一直保留，点击下一个按钮高亮效果转移。
IOS开发button点击之后有高亮效果，效果一直保留，点击下一个按钮高亮效果转移。第一张图片默认高亮效果。我想在button下面加个image效果和高亮差不多，点击一个按钮image也跟着过去，不是背景，而是button底部那个。-(void)initNew... 查看详情
可以不可以直接用css去除inputstyle=“botton”点击凹陷的效果呢
...tton>标签和<input>标签默认自带border-width属性，设置一下即可例如border-width:0px; 参考技术C<inputstyle="border:none;background:none"/>这样写了就没有了，就跟点击链接一样了。 参考技术D在input里面加个样式就行了。style=&q... 查看详情
wpf点击按钮时更改按钮样式界面效果的xaml实现方法
在WPF中按钮Button将会吃掉路由事件，此时的EventTrigger如果通过RoutedEvent是MouseLeftButtonDown那么将会拿不到路由事件，也就触发不了，因此样式将不会变更。简单的解决方法就是通过VisualStateManager配合VisualState来实现实现... 查看详情
uwp：使用behavior实现button点击动态效果(代码片段)
原文:UWP：使用Behavior实现Button点击动态效果废话不多说，先上效果没有做成安卓那种圆形的原因是...人家真的不会嘛...好了下面是正文：首先在工程中引入Behavior的库，我们使用Nuget。在项目->引用上点击右键，点击管理Nuget程... 查看详情
uwp：使用behavior实现button点击动态效果
废话不多说，先上效果没有做成安卓那种圆形的原因是...人家真的不会嘛...好了下面是正文：首先在工程中引入Behavior的库，我们使用Nuget。在项目->引用上点击右键，点击管理Nuget程序包，然后浏览里搜索Microsoft.Xaml.Behaviors.Uwp... 查看详情
wpf学习笔记——动画效果按钮变长
说明（2017-6-1211:26:48）：1.视频教程里是把一个按钮点击一下，慢慢变长：注意几个方面：（1）RoutedEvent="Button.Click"，这里面要用Button，是属性名，而不是name名button1。（2）这些东西要写在成对的标签里面，比如这个是<Button>... 查看详情
androidcheckbox背景样式及用颜色值实现button点击效果
1?使用颜色值(不使用图片)来实现按钮的点击效果：color.xml?<colorname="head_color">#836FFF</color>???<colorname="information_title_color">#666666</color>???<colorname="list_bg_color">#FFF4F4F4&l 查看详情
微信小程序按钮效果
参考技术A在微信小程序中,自带的button是自带点击效果的,但是一旦我们给button加了class之后,这个按钮就变成了一个方块,点击也没有任何视觉效果.于是自己写了一套通用的小程序点击按钮效果按钮样式 查看详情
android动画详解
...中酷炫的效果，都离不开动画的支持。这里我们详细介绍一下android中动画的分类。android的中动画分为帧动画、补间动画、属性动画。原理各不相同，实现的效果也大不相同。下面一一讲解三种动画。 帧动画顾名思义... 查看详情
materialdesign—按钮（buttons）
...Design链接：按钮按钮能传达用户触摸它们时发生的操作。Buttons被按时被触发墨水扩散效果。他们可能会显示文字，图像或两者都有。平面按钮和浮动按钮是最常用的类型。其他按钮类型包括：·底部固定按钮（Persistentfooterbuttons... 查看详情
请教大神帮我写一个关于分页的js动画，效果如下：
现在总共有18页，但是只显示6页（1~6页），多的就隐藏掉，当我点>>这个的时候页面有更新6页出来（7~12页），再点击就是13~18页，当我点击《的时候效果也是差不多，显示上一个6页，用js或是jquery都可以，只要看得懂，本人... 查看详情
按钮粒子效果(代码片段)
...际使用起来也略微麻烦（所有js实现的通病），这里尝试一下CSS的实现方式。生成粒子抛开js方案，还有HTML和CSS实现方式。HTML就不用说了，直接写上大量的标签<button>button<i></i><i></i><i></i><i><... 查看详情
wpf怎么样实现这种附加窗口的效果
...ectsender,RoutedEventArgse)contentControl1.Content=newUserControl1();运行一下，点击button，那么ContentControl里面就切换到UserControl1的界面了！类似的，你可以定义很多自定义控件，设置不同的button分别切换到这些控件内容即可！ 查看详情
更改类时如何添加淡入淡出效果？ [复制]
】更改类时如何添加淡入淡出效果？[复制]【英文标题】：Howtoaddafadeeffectwhenchangingclasses?[duplicate]【发布时间】：2017-02-1220:15:43【问题描述】：我不知道如何在更改类时添加动画效果。这是我的代码：$("#a-button").click(function()$("#a-d... 查看详情
android之bottomnavigationview实现底部按钮水纹波效果(代码片段)
1、主要用法<?xmlversion="1.0"encoding="utf-8"?><layout><data></data><LinearLayoutxmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"android:layout_android:layout_android:orientation="vertical"android:background... 查看详情