jQuery animate()实现背景色渐变效果的处理方法【使用jQuery.color.js插件】

这篇文章主要介绍了jQuery animate()实现背景色渐变效果的处理方法,结合实例形式分析了jQuery颜色插件jquery.color.js实现背景色渐变的简单操作技巧,需要的朋友可以参考下

本文实例讲述了jQuery animate()实现背景色渐变效果的处理方法。分享给大家供大家参考,具体如下:

jquery animate函数不能处理背景色渐变,需要使用jquery.color插件

核心代码:

 $(function(){   $("#cdiv").animate(     {   backgroundColor:'#FF0000' },1000    ) }) 

完整代码如下:

   背景色渐变效果 

运行效果图如下:

 

附:jQuery.color.js插件点击此处本站下载

PS:这里再为大家推荐几款相关的颜色与特效工具供大家参考使用:

在线特效文字/彩色文字生成工具:
http://tools.0133.cn/aideddesign/colortext

在线彩虹文字/颜色渐变文字生成工具:
http://tools.0133.cn/aideddesign/txt_caihongzi

在线发光字生成工具:
http://tools.0133.cn/aideddesign/txt_faguangzi

仿古书排版文字竖排转换工具:
http://tools.0133.cn/transcoding/shupai

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery常用插件及用法总结》、《jquery中Ajax用法总结》、《jQuery表格(table)操作技巧汇总》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》及《jquery选择器用法总结

希望本文所述对大家jQuery程序设计有所帮助。

以上就是jQuery animate()实现背景色渐变效果的处理方法【使用jQuery.color.js插件】的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » JavaScript 教程