一个JQ效果，不知道错在哪里animate

<body><divstyle="width:100px;height:100px;border:1pxsolid#ccc;float:left;margin-right... <body>
<div style="width:100px; height:100px; border:1px solid #ccc; float:left; margin-right:10px;">name for div 3</div>
</body>
<script>
$('div').hover(
function(){$(this).animate({'-webkit-transform':'rotate(180deg)','-webkit-transform':'scale(2)'},500);},
function(){$(this).animate({'-webkit-transform':'rotate(0deg)','-webkit-transform':'scale(0)'},500);}
);
</script>
主要是想让这个div在鼠标经过的时候转180度和放大2倍，然后鼠标离开后恢复原状
麻烦帮看下该怎么实现展开

 我来答

2个回答

#热议# 为什么有人显老，有人显年轻？

wang313378172
2014-01-26

知道答主

回答量：57

采纳率：100%

帮助的人：24.2万

我也去答题访问个人页

关注

展开全部

好吧！我看看
animate() 方法只可以操作以下样式，所以你的代码不生效：
------------------------------------------------
* backgroundPosition
* borderWidth
* borderBottomWidth
* borderLeftWidth
* borderRightWidth
* borderTopWidth
* borderSpacing
* margin
* marginBottom
* marginLeft
* marginRight
* marginTop
* outlineWidth
* padding
* paddingBottom
* paddingLeft
* paddingRight
* paddingTop
* height
* width
* maxHeight
* maxWidth
* minHeight
* maxWidth
* font
* fontSize
* bottom
* left
* right
* top
* letterSpacing
* wordSpacing
* lineHeight
* textIndent
要换种方式！

更多追问追答

追问

原来是这样啊，谢谢指点。。那你有想到其他的实现方法吗？

追答

思路是用removeClass()，addClass()删除/添加样式,要的样式，先写好
$(this).removeClass('样式名字');
样式我不熟，效果只能你自己写了

已赞过 已踩过<

评论收起

yangzhanguo120
2014-01-26 · TA获得超过140个赞

知道答主

回答量：38

采纳率：0%

帮助的人：12.5万

我也去答题访问个人页

关注

展开全部

直接用CSS3的animation多好呢？

追问

可以把CSS3的代码写一下吗？想学习

追答



无标题文档

div{
	width: 100px;height: 100px;
	border: 1px solid #ccc;
	float: left;
	margin-right: 10px;
	-webkit-transition: all 0.5s ease;
}
div:hover { -webkit-transform:rotate(180deg) scale(2);}

本回答被提问者采纳

已赞过 已踩过<

评论收起

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

一个JQ效果，不知道错在哪里animate

其他类似问题

为你推荐：