当我悬停在一个带有动画的文本上时,我肯定会使用jQuery。有没有可以改变颜色或大小的代码?
7y4bm7vi1#
将以下内容放入jQuery mouseover事件处理程序:
mouseover
$(this).css('color', 'red');
要同时设置颜色和大小:
$(this).css({ 'color': 'red', 'font-size': '150%' });
可以使用.css()jQuery function设置任何CSS属性。
.css()
rqmkfv5c2#
或者您可以执行以下操作
$(this).animate({color:'black'},1000);
但是你需要从here下载颜色插件。
nr9pn0ug3#
现在,jQuery UI Effects Core包含了文本颜色动画功能,它非常小,你可以在这里定制下载:http://jqueryui.com/download-但实际上除了效果核心本身(甚至UI核心都不需要)之外,你不需要任何东西,而且它还带来了不同的缓动功能。
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
4条答案
按热度按时间7y4bm7vi1#
将以下内容放入jQuery
mouseover
事件处理程序:要同时设置颜色和大小:
可以使用
.css()
jQuery function设置任何CSS属性。rqmkfv5c2#
或者您可以执行以下操作
但是你需要从here下载颜色插件。
nr9pn0ug3#
现在,jQuery UI Effects Core包含了文本颜色动画功能,它非常小,你可以在这里定制下载:http://jqueryui.com/download-但实际上除了效果核心本身(甚至UI核心都不需要)之外,你不需要任何东西,而且它还带来了不同的缓动功能。
djmepvbi4#
使用CSS而不是jquery
过渡:
或不同的动画:CSS Tricks | 4 Ways to Animate the Color of a Text Link on Hover