首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Javascript中的彩色动画

Javascript中的彩色动画
EN

Stack Overflow用户
提问于 2010-09-04 16:32:49
回答 2查看 842关注 0票数 0

我希望我的文字从白色褪色为黑色,背景颜色同时从黑色变为白色,有什么想法吗?

EN

回答 2

Stack Overflow用户

发布于 2010-09-04 16:36:19

在jQuery中,默认情况下可以使用以下命令为文本设置动画颜色:

$('#element').animate({ color: 'red' }, 1500);

但是背景动画不能在默认情况下完成,需要一个插件(链接如下)。

jQuery:http://www.jquery.com/

彩色插件:http://plugins.jquery.com/project/color

Enjoi ^.^

票数 0
EN

Stack Overflow用户

发布于 2010-09-04 16:42:57

这可以通过jQuery color plugin很容易地实现

代码语言:javascript
运行
复制
<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    <script type="text/javascript" src="jquery.color.js"></script>
    <script type="text/javascript">
    $(function() {
        $('#foo').animate({
            backgroundColor: '#fff',
            color: '#000'
        }, 'slow');
    });
    </script>

</head>
<body>
    <div id="foo" style="background-color: black;">Some Text</div>
</body>
</html>

action here中查看它。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3641476

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档