单击时,动画按钮
On click, animate button
当用户使用以下代码单击按钮时,我正在尝试对按钮进行动画处理
<script language="javascript">
$(function() {
$("#b01").focusin(function() {
animate(".btnn", 'bounce');
return false;
});
});
$(function() {
$("#b02").focusin(function() {
animate(".bl02", 'bounce');
return false;
});
});
$(function() {
$("#b03").focusin(function() {
animate(".bl03", 'bounce');
$("#b03").focusout();
return false;
});
});
function animate(element_ID, animation) {
$(element_ID).addClass(animation);
var wait = window.setTimeout( function(){
$(element_ID).removeClass(animation)}, 1300
);
}
</script>
我想要一种更好的代码编写方式,这样如果按钮增加,我就不必只为该按钮添加特定函数。谢谢
$("#b02").focusin(function() {
animate(".bl02", 'bounce');
return false;
});
应该是:
$(".btn").focusin(function() {
animate(this, 'bounce');
return false;
});
然后为所有按钮分配一个类"BTN"。
并且不要到处都这样做:
$(function() {
/// ... put your code in here
});
它应该只发生一次......并将所有的BTN代码放在那里。
相关文章:
- 使用JavaScript使按钮做出反应(添加动画)
- 在jquerymobile中设置按钮css属性的动画
- bootstrap在类更改时动画按钮样式
- 如何使用Javascript创建带有精灵表的动画按钮
- 如何实现 ladda-bootstrap 按钮加载动画
- 从导航按钮 JavaScript 中删除动画
- 使用动画时Jquery后退按钮不起作用
- scrollTop按钮没有't设置动画
- 用JavaScript制作一个按钮的动画,从按钮到屏幕中心弹出一个模式对话框
- 如果不使用HTML按钮,就无法通过编程方式触发SVG动画
- Jquery将三个按钮动画化以打开关闭开关
- 如何重新创建移动Apple.com菜单按钮动画
- 如何获得内置进度条的工作按钮动画
- 停止最后一张幻灯片上的jQuery按钮动画
- 视频播放暂停按钮动画
- 谷歌I'm感觉幸运按钮动画javascript
- 我如何用javascript创建png按钮动画
- 多个同时按钮动画
- HTML Web中没有材质按钮动画
- 使用AngularJS制作按钮动画ng重复