关于 jQuery 中 Animate 函数的困惑

发布于 2024-12-10 16:48:50 字数 680 浏览 0 评论 0原文

假设我的页面中有一个框:

   <div id="test" style="width:200px; height:200px; background:yellow">
        this is a test
    </div>

我只在页面中包含“jquery-1.6.2.min.js”,

然后我想更改字体大小,所以我使用

$('#test').animate({ fontSize: "10em"}, "slow");

然后我想更改背景颜色 我写:

$('#test').animate({ 'background-color': '#000000' }, "slow");

但在我包含“jquery-ui-1.8.5.custom.min.js”之前它不起作用。

我认为原来的“jquery-1.6.2.min.js”文件已经包含所有动画功能, fontsize和background color都是css属性,但原来只能支持 字体大小改变?为什么?

我的问题是,我认为包“jquery-ui-1.8.5.custom.min.js”仅用于 UI或者其他一些东西。两者都用于 css 属性更改。

Suppose I have a box in my page:

   <div id="test" style="width:200px; height:200px; background:yellow">
        this is a test
    </div>

I just include "jquery-1.6.2.min.js" in my page

then I want change the font size, so I use

$('#test').animate({ fontSize: "10em"}, "slow");

then I want change the background-color of the "test" box
I write:

$('#test').animate({ 'background-color': '#000000' }, "slow");

but until I include "jquery-ui-1.8.5.custom.min.js" it doesn't work.

I think the orginal "jquery-1.6.2.min.js" file already include the all animate function,
fontsize and background color are both css attributes,but the original could only support
fontsize change? Why?

My question is that I think the package "jquery-ui-1.8.5.custom.min.js" is just used for
UI or some other things. Both for css attribute changing.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

脸赞 2024-12-17 16:48:50

阅读 .animate 的 jQuery 文档:

所有动画属性都应动画为单个数值,
除下述情况外;大多数非数字属性不能
使用基本的 jQuery 功能进行动画处理。 (例如,宽度,
height 或 left 可以设置动画,但背景颜色不能。)

除非另有说明,属性值被视为像素数
指定的。如果适用,可以指定单位 em 和 %。

如果您想为 background-color 等属性设置动画,则必须使用 jQuery UI (或其他一些插件),正如您已经注意到的那样。请注意,jQuery UI 站点提供了自定义下载功能,因此如果您不想包含所有小部件,则可以仅选择核心库。

Read the jQuery docs for .animate:

All animated properties should be animated to a single numeric value,
except as noted below; most properties that are non-numeric cannot be
animated using basic jQuery functionality. (For example, width,
height, or left can be animated but background-color cannot be.)

Property values are treated as a number of pixels unless otherwise
specified. The units em and % can be specified where applicable.

If you want to animate properties like background-color you will have to use jQuery UI (or some other plugin) as you have already noticed. Note that the jQuery UI site provides a customised download feature, so if you don't want to include all the widgets, you can select just the core library.

憧憬巴黎街头的黎明 2024-12-17 16:48:50

jQuery 本身不支持颜色动画。 jQuery UI 可以。曾经有一个单独的颜色插件,但现在似乎已被吸收到 UI 中。

编辑:这是原始插件,您也许可以在没有 UI 的情况下使其工作:

jQuery doesn't natively support animation of colours. jQuery UI does. There used to be a separate colour plugin, but that seems to have been absorbed into UI now.

Edit: Here's the original plugin though, you may be able to get it working without UI: http://plugins.jquery.com/files/jquery.color.js.txt

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文