jQuery css渐变

前端之家收集整理的这篇文章主要介绍了jQuery css渐变前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
要在元素上使用渐变背景,我会执行以下操作:
.css('filter','progid:DXImageTransform.Microsoft.gradient(startColorstr=\'#FFFFFF\',endColorstr=\'#'+event.backgroundColor+'\',gradientType=1)')
.css('background-image','-webkit-gradient(linear,left top,right bottom,color-stop(0.1,#FFFFFF),color-stop(0.99,#'+event.backgroundColor+'))')
.css('background-image','-moz-linear-gradient(top left,#FFFFFF 0%,#'+event.backgroundColor+' 100%)')
.css('background-image','-o-linear-gradient(top left,#'+event.backgroundColor+' 100%)')

现在,是不是jQuery想要消除与跨浏览器兼容性问题相关的所有工作?有没有更好的方法来做到这一点.不使用任何额外的插件

解决方法

有一个jQuery插件用于处理渐变.我从来没有用过它,但看起来很简单

http://plugins.jquery.com/project/gradient

继承人如何使用它:

http://www.julien-verkest.fr/13/11/2007/jquery-gradient-le-plugin-qui-permet-de-creer-dynamiquement-des-backgrounds-degrades

或者您可以使用Gradientz

http://jquerystyle.com/2009/08/06/gradientz

Gradientz看起来更加完整和易于使用.祝你好运好友.

原文链接:https://www.f2er.com/jquery/178568.html

猜你在找的jQuery相关文章