Question

我是第一次使用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>

Answer 1

默认情况下，jQuery无法为颜色设置动画。您可以下载jQuery UI或Color Animation Plugin等插件，以使该功能可用。

Answer 2

动画有效，你的jQuery选择器错了。

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

注意'。'在'街区'前面。您正在选择名为block（＆lt; block＆gt;）的所有元素。使用'。'，所有带有'block'类的元素都会被选中。

使用jquery的bgcolor动画

2 个答案: