jquery控制animate.css文件
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="https://github.com/daneden/animate.css/blob/master/animate.min.css">
<script>
$(".article-title a").hover(function(){
$("this").addClass("animated shake");},
function(){
$("this").removeClass("animated shake");
});
</script>
</head>
<body>
<h1 class="article-title">
<a href="#">ASDFHHLHLHLHLHLH</a>
</h1>
</body>
</html>希望的效果是鼠标经过H1标题的时候，文字出现shake效果.
animate.css 是一个开源的动画效果库 官网：https://daneden.github.io/animate.css/
但是我在使用的时候发现出不来效果，求帮助
puffbaby浏览 2201回答 7
7回答
-
woshiajuana
2个错误一：$("this").addClass("animated shake");这句写错啦应该是$(this).addClass("animated shake");二：js操作元素的时候，js代码最好放在元素标签之后修改的代码我已经发啦不过能触发那个hover事件了，样式也加上元素标签上去了，但动画效果没出来，不知道你这样使用对不对，不过样式是加上去了 -
老猿
this不要引号的 -
六道骸
$(".article-title a").hover(function(){ $(this).addClass("animated shake");},function(){ $(this).removeClass("animated shake"); }); -
慕粉3232243
<script >$(function(){$(".article-title a").hover(function(){$("this").addClass("animated shake");},function(){$("this").removeClass("animated shake"); });})</script > -
损失函数
我试了下你的代码，浏览器后台报了个404错误，favicon.ico这个文件找不到，你查下你项目里是不是没有这个文件。望采纳！
随时随地看视频慕课网APP
相关分类
CSS3