使用jquery的bgcolor动画
我第一次使用jquery动画。我读到可以在.Toggle()或.click()函数上完成动画,但我想假设在页面加载时更改div的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/
<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变量。