jquery animate 不能改变颜色

最新推荐文章于 2020-07-26 01:45:48 发布
最新推荐文章于 2020-07-26 01:45:48 发布
阅读量2.3k 收藏
点赞数 2
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011724770/article/details/81436081
版权

今天在用到jquery中的animate的时候，位置的变化都很正常，但是，当我演示到颜色的时候，发现并没有效果。

当时怀疑是代码写错了，但是发现并没有写错。

后来，经过查阅资料，和阅读源代码发现，jquery中的animate方法的实现原理是用定时器根据步长来逐渐改变属性值，因此只支持数值型的属性改变，颜色不具有十进制的增减性，所以实现不了。

不过，可以在jquery.ui库里面得以实现。

再不过...为了一个颜色的变化而去引入一个jquery.ui这么一个大库的话，还不如自己写过度来的实在~~

源辰_付
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
自定义动画改变背景颜色
majiakun1的专栏
09-15 656
@interface ViewController ()   @property (nonatomic, strong) CALayer *colorLayer;   @end   @implementation ViewController   - (void)viewDidLoad {     [super...
Jquery如何使用animation动画效果改变背景色的代码
11-20
一、问题引入 jquery的animate动画虽然强大，但是无法使用其进行背景色(background-color)的动画效果变化，因为animate动画效果只能动态改变数值型的参数，例如：top，left，width，height…等等 好像网上也有说要装一个 “jquery.ui” 的插件之类的。但是博主我实在不想引入过多的插件， 且恰好本人掌握的CSS比较好一点点， 所以就想了下面这么个法子。 但好在 CSS 它自带的animation动画效果更加强大，它可以为我们提供背景色的动态变化。所以我们可以利用 Js+CSS 的方法达成我们预期效果。 二、demo展示 <!DOCTYPE ht
jQuery中的animate方法不支持设置有关颜色的属性
qq_41818857的博客
03-06 406
jQuery中的animate方法不支持设置有关颜色的属性比如： backgroundColor,color… 因为色彩动画并不包含在核心 jQuery 库中 如果一定要用，则需要下载 在它的官网上下载Color Animations 插件 ...
浅谈jQuery的animate控制背景颜色
骆小胖~
08-22 2588
 需要记住一件重要的事情：当使用 animate() 时，必须使用 Camel 标记法书写所有的属性名，比如，必须使用 paddingLeft 而不是 padding-left，使用 marginRight 而不是 margin-right，等等。 同时，色彩动画并不包含在核心 jQuery 库中。 如果需要生成颜色动画，您需要从 jquery.com 下载 Color Animations 插件。      链接：https://github.com/jquery/jquery-color .
jQuery 表格选中颜色变化
weixin_43297321的博客
02-16 468
功能简介：选中偶数行，tr颜色变化；td颜色暂时固定下来。tr红色，td淡蓝色。 <table> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <tr> ...
jQuery动画animate方法使用介绍
10-27
`jQuery` 的 `animate` 方法是用于创建自定义动画的核心函数，它允许开发者精确控制页面元素的动画效果，包括但不限于位置、大小、颜色、透明度等样式属性的变化。`animate` 方法提供了极大的灵活性，使开发者能够...
JQuery animate动画应用示例
10-17
JQuery 的 `animate` 方法是其强大的动画功能之一，它允许开发者通过平滑地改变DOM元素的CSS属性来创建自定义的动画效果。在本示例中，我们将深入探讨如何使用 `animate` 实现选项卡切换和样式动态变化。 首先，...
JQuery动画animate的stop方法使用详解
10-25
JQuery的animate方法是用于创建平滑的动画效果的关键函数，它可以改变元素的各种CSS属性，如位置、大小、颜色等，让这些变化看起来流畅且有动态感。animate方法的使用通常涉及以下参数： ```javascript $(selector)...
Jquery如何使用animation动画效果改变背景色
10-15
在JavaScript的jQuery库中，`animate`方法是一个强大的工具，可以用来创建平滑的过渡效果，但它不直接支持改变元素的背景颜色。然而，我们可以通过结合CSS的`@keyframes`规则和JavaScript来实现背景颜色的动画效果。...
动画字体颜色
沫栀·的博客
02-23 366
开发工具与关键技术：CSS3动画 和DW开发工具 作者：郑健鹏 撰写时间：2019年2月17日 这次的网页是运用了CSS3动画，实现的效果是字体颜色自动变化： 1、 这是网页初始样式： 2、 这是网页正在变化的颜色： 3、 以下是CSS代码部分： 4、 以下是JS代码部分： ...
jQuery animate() 改变颜色
weixin_41790566的博客
07-26 2143
jQuery提供的animate()方法可以实现一些简单的动画效果，但是其核心库不提供颜色动画的效果，如果想实现颜色动画，需要下载相关插件。 但是，animate()的参数中有一个complete，通过它可以设置动画完成之后的执行函数，这时可以改变颜色。 <script type="text/javascript"> $("#btn").click(function() { $("div").animate({ ...
jquery animate 改变元素背景颜色
weixin_33826609的博客
12-02 1682
通过animate不能直接设置css样式可以通过https://cdnjs.cloudflare.com/ajax/libs/jquery-color/2.1.2/jquery.color.min.js插件 转载于:https://www.cnblogs.com/yanaweb/p/5013557.html
jQuery中的animate效果没有backgroundColor背景颜色属性设置--已解决
weixin_44816505的博客
04-23 1837
在练习jQuery的过程中，用到其中的animate做效果，发现它的backgroundColor属性设置了效果无法显示。如下: <body> <div></div> <button>点我</button> <script> $(function() { $('button').cl...
巧用jq实现颜色动画的变化
Percy宣森的专栏
04-04 1617
众所周知，jq是无法直接在动画animate中实现backgroundColor变化的，当然通过引用某些colorAdministion.js是可以实现的，但是其实可以不引用，用另外一种方式实现。 $(document).ready(function() { $("button").click(function(){ $("div").css("color","red");
CSS Background
SlimApp
07-16 552
Background ColorCSS background properties are used to define the background effects of an element.CSS properties used for background effects
jquery动画 设置背景色，字体颜色无效问题
qq_44755188的博客
05-05 955
其实色彩动画并不包含在jQuery 库中，只要导入一下就好了，下面是源码，新建一个js文件（jquery.color.js），将下面源码复制过去，再引用就行了 <script src="jquery.color.js"></script> (function( jQuery, undefined ) { var stepHooks = "backgroun...
jquery修改页面皮肤颜色
不吃鱼的猫
05-27 1545
第一：html布局 Jane Shopping 蓝色 紫色 红色 天蓝色 橙色 淡绿色 点击不同的颜色块，导航栏的颜色可随着改变 第二：css样式 #header{ width:1190px; height: 200px; border:1px solid #aaaaaa; margin:5px auto;
js中animate的问题
aliven1的博客
12-29 2404
所有用于动画的属性必须是数字的，除非另有说明；这些属性如果不是数字的将不能使用基本的jQuery功能。比如常见的，border、margin、padding、width、height、font、left、top、right、bottom、wordSpacing等等这些都是能产生动画效果的。background-color很明显不可以，因为参数是red或者GBG这样的值，非常用插件
jQuery三组动画及自定义动画
qq_39369835的博客
02-18 300
jQuery动画： jQuery.show()和jQuery.hide() a.不传参数，没有动画效果，show()：直接显示 hide()：直接隐藏，比较常用 b.show(speed)和hide(speed) speed:动画的持续时间 ，可以是毫秒值 ，还可以是固定字符串 fast:200ms normal:400ms slow:600ms c.show([speed], [cal...
使用jquery实现pc端侧边栏导航滑动页面时对应导航会跟着改变颜色，点击也可以跳转到对应内容
最新发布
05-11
下面是一个使用 jQuery 实现的侧边栏导航滑动页面时对应导航会跟着改变颜色，点击也可以跳转到对应内容的示例代码： HTML： ```html <li><a href="#section1">Section 1</a></li> <li><a href="#section2">...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值