本文实例讲述了jQuery实现字体颜色渐变效果的方法。分享给大家供大家参考,具体如下:
jQuery不允许css属性值为非数字的属性进行动画处理,
比如.animate(color:'red',500)或是.animate(fontWeight:'bold',500)都无法运行,
因此如果想实现颜色渐变的效果需要animate()外的其他方法,示例如下
方法1:
Document
BBB
BBB
$(function(){
$('.b1').hover(function(){
$('.b2').fadeIn(500);
})
})
设置一个和b1完全相同位置的b2并隐藏,添加hover事件使b2渐显,用这个笨方法可模拟color渐变效果
方法2:
Documentdiv{
color: red;
transition: color 1s;
}
div:hover{
color: yellow;
}
1111
利用css3的transition方法,实现鼠标悬浮后,颜色渐变动画效果
PS:这里再为大家推荐几款相关的颜色与特效工具供大家参考使用:
希望本文所述对大家jQuery程序设计有所帮助。