使用jquery的bgcolor动画

使用jquery的bgcolor动画,jquery,html,jquery-ui,Jquery,Html,Jquery Ui,我第一次使用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动画。我读到可以在.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>

$(文档).ready(函数(){
$('block').animate({backgroundColor:“black”},1000);
});   
.block{
颜色:白色;
背景色:#68BFEF;
宽度:150px;
高度:70像素;
边距:10px;}
你好

默认情况下,jQuery无法设置颜色动画。您可以下载插件,如或,以使该功能可用。

动画正常,您的jQuery选择器错误

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

注意“block”前面的“.”。您正在选择名为block()的所有元素。有了“.”,所有类为“block”的元素都被选中。

找到了!我的代码有一个错误,我使用了$('block')而不是$('.block')。它运行良好,根本不是插件问题。感谢大家的帮助。。是的,但动画将在每次我刷新页面时发生。是否不可能仅在第一次进行限制?然后您必须在某处设置一个标志,以记住您已经完成了动画。HTML5
Web存储
功能允许您这样做。对于不支持此功能的旧浏览器,请从服务器端脚本设置cookie或JavaScript变量。