更多>
最新下载
24小时阅读排行榜
- 1 php数组怎么筛除零值和负值_php数组零负剔除筛选【步骤】
- 2 如何在Golang中实现Web请求日志记录_Golang Web日志收集方法
- 3 Golang如何打开文件进行读写_Golang文件打开与管理技巧
- 4 Python 可维护性设计原则
- 5 mysql数据库中的视图性能优化技巧
- 6 C++ string find怎么用 C++查找子串位置与npos判断【库函数】
- 7 EF Core Savepoints怎么用 EF Core事务保存点教程
- 8 如何做升级演练_mysql升级测试方法
- 9 解决XML映射过程中的内存溢出问题
- 10 C# app.config文件怎么读写 .NET应用程序配置XML文件操作
- 11 php实时输出log文件能看吗_php实时输出日志监控【步骤】
- 12 ASP.NET Core SignalR怎么用 SignalR实时通信入门教程
- 13 mysql搭建简易评论系统的数据库设计与实现
- 14 php数组怎么筛选多维数组列_php多维数组列筛选技巧【步骤】
- 15 php实时输出数据库查询实时显_php实时输出查库反馈【步骤】
更多>
最新教程
-
- Node.js 教程
- 16165 2025-08-28
-
- CSS3 教程
- 1546673 2025-08-27
-
- Rust 教程
- 23300 2025-08-27
-
- Vue 教程
- 25763 2025-08-22
-
- PostgreSQL 教程
- 22245 2025-08-21
-
- Git 教程
- 9227 2025-08-21
简单好看的CSS3按钮点击气泡动画特效
简单好看的CSS3按钮点击气泡动画特效,鼠标点击按钮出现气泡散开动画效果。
js代码
<script>
var animateButton = function(e) {
e.preventDefault;
//reset animation
e.target.classList.remove('animate');
e.target.classList.add('animate');
setTimeout(function(){
e.target.classList.remove('animate');
},700);
};
var classname = document.getElementsByClassName("bubbly-button");
for (var i = 0; i < classname.length; i++) {
classname[i].addEventListener('click', animateButton, false);
}
</script>
js代码
<script>
var animateButton = function(e) {
e.preventDefault;
//reset animation
e.target.classList.remove('animate');
e.target.classList.add('animate');
setTimeout(function(){
e.target.classList.remove('animate');
},700);
};
var classname = document.getElementsByClassName("bubbly-button");
for (var i = 0; i < classname.length; i++) {
classname[i].addEventListener('click', animateButton, false);
}
</script>
本站所有资源都是由网友投搞发布,或转载各大下载站,请自行检测软件的完整性!本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!如有侵权请联系我们删除下架,联系方式:admin@php.cn
