css悬停动画,animate.css:悬停脚本上的动画

本文探讨了在使用jQuery实现悬停动画时遇到的语法错误问题。作者分享了一段用于添加动画效果的JS代码,并遇到了意外字符串错误。通过社区的帮助,问题定位在缺少逗号及文档闭合不当。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

我正在尝试使用JS完成悬停动画,但我使用所述语言的技能非常有限。我在script.js文件中有这个脚本,因为它是我正在使用的唯一脚本:

$(document).ready(function() {

animationHover('#intro-logo' 'tada')

function animationHover(element, animation){

element = $(element);

element.hover(

function() {

element.addClass('animated ' + animation);

},

function(){

//wait for animation to finish before removing classes

window.setTimeout( function(){

element.removeClass('animated ' + animation);

}, 2000);

});

}

}

})();

目标是当我将鼠标悬停在#intro-logo上时,脚本将添加类.animated和.tada,它们将为动画制作动画!但是我得到了Uncaught SyntaxError:Unexpected string,它带我到

animationHover('#intro-logo' 'tada')

我不知道我做错了什么,我使用了一个教程here,它适用于那个人,但我没有这么幸运。我真诚地感谢任何人的帮助。

先谢谢你,这个社区真是太棒了。这是我的第一个问题,但是你们所有人都帮我解决了数百个问题,这些问题沿着我的网络开发实力(其中很多显然仍然领先)。

编辑:我添加了缺少的逗号,现在看来我结束文档的方式存在问题。发布是我的整个JS文件,如何正确关闭所有内容? })();似乎不起作用。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值