当前位置: 首页 > 面试题库 >

jQuery CSS渐变

杨雪松
2023-03-14
问题内容

要在元素上具有渐变背景,我需要执行以下操作:

.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, #FFFFFF 0%, #'+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看起来更加完整且易于使用。取决于您,祝您好运。



 类似资料:
  • Another hard-to-write CSS3 feature is a gradient. You have to repeat long gradient definition multiple times with different vendor prefixes. Also, if you want to cover all gradient-supported browsers,

  • 使用渐变填充可以在要应用其他任何颜色时应用渐变颜色混和。创建渐变填色是在一个或多个对象间创建颜色平滑过渡的好方法。您可以将渐变存储为色板,从而便于将渐变应用于多个对象。 注:如果要创建颜色可以沿不同方向顺畅分布的单个多色对象,请使用网格对象。 要查看使用渐变来改进绘画的视频,请参阅 www.adobe.com/go/lrvid4017_ai_cn。有关创建渐变的教程,请参阅 “Unleash th

  • 主要内容:1. 线性渐变,2. 径向渐变,3. 圆锥渐变,4. 重复渐变CSS 中的渐变指的是两种或多种颜色之间的平滑过渡,以前我们必须使用事先定义好的图像来实现渐变效果,在 CSS3 出现以后则简单了很多,CSS3 为实现渐变效果提供了一种灵活的解决方案。 通过 CSS3 您可以定义三种类型的渐变,分别为线性渐变(通过 linear-gradient() 函数创建)、径向渐变(通过 radial-gradient() 函数创建)和圆锥渐变(通过 conic-grad

  • Sketch中的渐变与你熟悉的其它软件有所不同,因为你可以直接在画布中编辑颜色停止点,而不是在检查器中。 要为一个形状增加渐变填充,选中它,然后点击填充(Fill)按钮,检查器就会显示颜色工具。要学习如何设置颜色,请先阅读相关章节。在颜色面板的下面你可以在颜色、渐变或者图案填充之间选择。 点击渐变(Gradient),在出现的弹出菜单中你可以选择线性(Linear)、径向(Radial)和角度(A

  • 渐变由CanvasGradient 实例表示,很容易通过2D 上下文来创建和修改。要创建一个新的线性渐变,可以调用createLinearGradient()方法。这个方法接收4 个参数:起点的x 坐标、起点的y 坐标、终点的x 坐标、终点的y 坐标。调用这个方法后,它就会创建一个指定大小的渐变,并返回CanvasGradient 对象的实例。 创建了渐变对象后,下一步就是使用addColorSt

  • CSS3 渐变(gradients)可以让你在两个或多个指定的颜色之间显示平稳的过渡。 以前,你必须使用图像来实现这些效果。但是,通过使用 CSS3 渐变(gradients),你可以减少下载的事件和宽带的使用。此外,渐变效果的元素在放大时看起来效果更好,因为渐变(gradient)是由浏览器生成的。 CSS3 定义了两种类型的渐变(gradients): 线性渐变(Linear Gradient