Question

彩色动画并不适用于webkit（safari chrome）

http://plugins.jquery.com/project/color

<script type="text/javascript" src="jquery.color.js">s</script>
$('#start').animate({ 'backgroundColor':'yellow' }, 1000,'linear', function() {
        })

它在firefox上运行良好

为什么？

感谢

答案是背景，看下一个代码

并且你会发现一个没有运行，而b是可以的（在safari和chrome中）：

<dl id=a style="width:100px;height:100px;">

</dl>
<dl id=b style="width:100px;height:100px;background:#fff">

</dl>
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="jquery.color.js" type="text/javascript"></script>
<script type="text/javascript">
$('#a,#b').animate({ backgroundColor: "orange" }, 1000)
.animate({ backgroundColor: "yellow" }, 1000)
.animate({ backgroundColor: "green" }, 1000)
</script>

Answer 1

我从你的例子中注意到两件事：

首先，您的脚本标记中有一个流浪字母s。不确定你的代码是否存在，或者各种浏览器如何处理它。

其次，您实际上并没有将脚本的主体包装在任何类型的document.ready类型包装器中，并且您没有将该功能绑定到事件处理程序，这意味着，至少与您向我们展示的内容，可能是在文档准备好之前加载了脚本，它没有看到#start元素，因此它从不做任何事情。

'Color Animations插件'不适用于webkit（safari chrome）

1 个答案: