<!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/ 但是我在使用的时候发现出不来效果，求帮助
7 回答
woshiajuana
TA贡献211条经验 获得超152个赞
2个错误
一：$("this").addClass("animated shake");这句写错啦
应该是$(this).addClass("animated shake");
二：js操作元素的时候，js代码最好放在元素标签之后
修改的代码我已经发啦
不过能触发那个hover事件了，样式也加上元素标签上去了，但动画效果没出来，不知道你这样使用对不对，不过样式是加上去了
六道骸
TA贡献30条经验 获得超6个赞
$(".article-title a").hover(function(){
$(this).addClass("animated shake");
},
function(){
$(this).removeClass("animated shake");
});
慕粉3232243
TA贡献4条经验 获得超3个赞
<script >
$(function(){
$(".article-title a").hover(function(){
$("this").addClass("animated shake");},
function(){
$("this").removeClass("animated shake");
});
})
</script >
- 7 回答
- 1 关注
- 2195 浏览
添加回答
举报
0/150
提交
取消