web_東
2018-04-07 11:01
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="../js/jquery-2.0.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function()
{
$(".btn1").click(function (){
$("p:eq(0)").animate({
height : '300px',
background : 'red'});
});
$(".btn2").click(function () {
$("p:eq(0)").animate({
height : '100px'
})
})
})
</script>
</head>
<body>
<p style="background:#00B83F">This is a paragraph.</p>
<button class="btn1">Hide</button>
<button class="btn2">Show</button>
</body>
</html>
动画只能用于数值的效果 比如高宽 尔不能用于背景颜色的效果
不看文档吗。。。。
$aaron.animate({
},100, function(){
$(this).css("background-color","red")
});
可以换种方法改变背景颜色
jQuery基础(四)—动画篇
85049 学习 · 262 问题
相似问题