css中的渐变色能使用js函数来更改吗

html-css014

css中的渐变色能使用js函数来更改吗,第1张

使用transition属性，可以设置css属性的渐变，本例中：

transition:background-color .3s ease-in .0s

语句的意思是：要渐变的属性为background-color；渐变过程持续3s；渐变的方式为ease-in；延迟0s后开始渐变。

渐变方式可以简单的理解为变化速度的曲线，有多种选择，ease-in是其中一种。

上述方法是transition属性的简写方法，实际上他还可以分割写为四个单独的属性，上边的语句分割后的写法为：

transition-property:background-colortransition-duration: .3stransition-timing-function: ease-intransition-delay: 0s

若是需要改变多个属性的渐变，可以使用分开写的方式，属性事件用，分隔，顺序相互对应即可。

你是不是有多个css样式定义显示不同的图片，比方说css类名为

css1表示图片1，css2表示图片2...等等。那么js可写作：

document.getElementId("aaaaa").className='css1' //这里假设显示图片的元素ID为aaaaa，换图片时，把css1改为css2就可以了。