你能在没有 jQuery UI 的情况下制作toggleClass 动画吗?

发布于 2024-12-25 02:26:47 字数 383 浏览 2 评论 0原文

我可以这样做吗: http://jqueryui.com/demos/switchClass/default.html 没有 jQuery UI?

基本上我有一个简单的网站,其主体有一个名为:'.bgone' 的类。

.bgone 具有背景颜色:#ccc,我想切换其中 背景颜色为 #999.bgtwo具有淡入淡出效果

只用 jQuery 可以吗?

谢谢

Can I make this: http://jqueryui.com/demos/switchClass/default.html without jQuery UI?

Basically I have a simple site which the body has a class named: '.bgone'.

.bgone has background color: #ccc and I want to toggle the .bgtwo of which backgroundcolor is #999 with the fade effect.

Is it possible with only jQuery?

Thanks

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

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

发布评论

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

评论(2

淡写薰衣草的香 2025-01-01 02:26:47

您无法单独使用 jQuery 来制作颜色动画。您可能需要一些插件 - 它仍然是一个单独的文件(可能是一个单独的 HTTP 请求),但比 UI 小得多。

其中一些

You can not animate colors with jQuery alone. You might need some plugins - it's still a separate file (and maybe a separate HTTP request), but significantly smaller then the UI.

Some of those

时光匆匆的小流年 2025-01-01 02:26:47

不幸的是,要在背景颜色之间淡入淡出,您需要 JQuery UI 或类似的东西。您可以尝试这个 彩色动画插件,或者使用 CSS3 过渡并简单地使用 jQuery切换动画类。

以下是使用 JavaScript/JQuery 触发器的 CSS3 彩色动画示例: http://jsfiddle.net/6nRj2/

Unfortunately, to fade between background colors, you need JQuery UI or something similar. You might try this color animation plugin, or alternatively, use CSS3 transitions and simply use jQuery to toggle animated classes.

Here is an example of CSS3 color animation with a JavaScript/JQuery trigger: http://jsfiddle.net/6nRj2/

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