0

我第一次使用 jquery 动画。我已经读过动画可以在 .Toggle() 或 .click() 函数上完成，但我想假设在页面加载时更改 div 的 bgcolor。我试过了，但它在这里不起作用是我的代码。

<html> 
<head>   
<scriptsrc="http://code.jquery.com/jquery-latest.js"></script>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js">
</script>   
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery- ui.min.js">
</script>

<script>   $(document).ready(function(){ 
$('block').animate({ backgroundColor: "black" }, 1000);   
});   
</script>   
<style>   
.block { 
color: white;
background-color: #68BFEF;
width: 150px; 
height: 70px;
margin: 10px;    }   
</style> 
</head> <body >   
<div class="block"> hi</div>
 </body> 
</html>
4

2 回答 2

1

默认情况下，jQuery 不能为颜色设置动画。您可以下载一个插件，例如jQuery UI或Color Animation Plugin来使用该功能。

于 2012-07-17T08:17:52.167 回答
1

动画有效，您的 jQuery 选择器是错误的。

$('.block').animate({ backgroundColor: "black" }, 1000);

注意“。” 在'块'前面。您正在选择名为块 (<block>) 的所有元素。使用 '.'，所有具有类 'block' 的元素都会被选中。

于 2012-07-17T08:18:42.433 回答