如何让动画在你点击的时候发生？
如何让动画在你点击的时候发生？
提问于 2020-07-23 21:20:05
我是jQuery和JavaScript的新手，不要太苛刻。我写了一个小脚本来动画显示标签。我决定在悬停和点击按钮时添加动画。但我想不出该怎么做。在鼠标输入和鼠标离开之间悬停时制作动画。我希望当您单击这些行时，它们会移动到单词的中心，而当您在活动模式下单击另一个按钮时，它们会离开旧的按钮，出现在新的按钮上。
$buttons.click(function() {
var selected = $(this).index();
TweenMax.to($buttons, 1, {x: -500, opacity: 0.25});
TweenMax.to(this, 0.5, {opacity: 1, color: '#85729E'});
TweenMax.to($tabs, 0.5, {x: 0, opacity: 0, display:'none', delay: 0.5 });
TweenMax.to($tabs.eq(selected), 1, { opacity: 1, display:'block', delay: 0.5 });
});我把完整的代码上传到了CodePen
回答 1
Stack Overflow用户
发布于 2020-07-23 21:27:24
在html代码中，使用onclick属性并将函数作为值。
示例：
<button type='button' onclick='functionOnClick()'>Click me</button>function functionOnClick() {
// Execute functionality here
}编辑：
更好的答案
buttonId.addEventListener('click', functionOnClick());页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/63055287
复制相关文章
相似问题
腾讯云开发者
