javascript 如何使用jQuery更改文本颜色?

2hh7jdfx  于 2023-02-02  发布在  Java
关注(0)|答案(4)|浏览(151)

当我悬停在一个带有动画的文本上时,我肯定会使用jQuery。有没有可以改变颜色或大小的代码?

7y4bm7vi

7y4bm7vi1#

将以下内容放入jQuery mouseover事件处理程序:

$(this).css('color', 'red');

要同时设置颜色和大小:

$(this).css({ 'color': 'red', 'font-size': '150%' });

可以使用.css()jQuery function设置任何CSS属性。

rqmkfv5c

rqmkfv5c2#

或者您可以执行以下操作

$(this).animate({color:'black'},1000);

但是你需要从here下载颜色插件。

nr9pn0ug

nr9pn0ug3#

现在,jQuery UI Effects Core包含了文本颜色动画功能,它非常小,你可以在这里定制下载:http://jqueryui.com/download-但实际上除了效果核心本身(甚至UI核心都不需要)之外,你不需要任何东西,而且它还带来了不同的缓动功能。

djmepvbi

djmepvbi4#

使用CSS而不是jquery
过渡:

div:hover {
    transition: all 1s;
    color: orange;
    font-size: 150%;
}
<div>lorem</div>
<div>ippsum</div>
<div>dolor</div>

或不同的动画:CSS Tricks | 4 Ways to Animate the Color of a Text Link on Hover

相关问题