当前位置: 首页 > 编程笔记 >

jQuery实现的文字hover颜色渐变效果实例

石臻
2023-03-14
本文向大家介绍jQuery实现的文字hover颜色渐变效果实例,包括了jQuery实现的文字hover颜色渐变效果实例的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了jQuery实现的文字hover颜色渐变效果。分享给大家供大家参考,具体如下:

<html>
<head>
<script type="text/javascript" src="jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $("a").hover(function(){
 $("a").animate({width:"80%",height:"40%",fontSize:"100px"},1600,function(){
 $("a").animate({color:"#FFFFFF"},1600);
 });
 },function(){
 $("a").animate({color:"blue"},1600,function(){
 $("a").animate({width:"100px",height:"20px",fontSize:"14px"},1600);
 });
 });
});
</script>
</head>
<body>
<a href="#" style="width:100px;height:20px;font-size:14px;border:red 1px solid;">我不是淡入淡出</a>
</body>
</html>

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery拖拽特效与技巧总结》、《jQuery常见经典特效汇总》、《jQuery扩展技巧总结》、《jquery选择器用法总结》及《jquery常用操作技巧汇总》

希望本文所述对大家jQuery程序设计有所帮助。

 类似资料:
  • 本文向大家介绍Unity3D实现渐变颜色效果,包括了Unity3D实现渐变颜色效果的使用技巧和注意事项,需要的朋友参考一下 基于unity3D实现渐变颜色的简单脚本,代码很少,就不废话了,直接上代码和效果图。 效果图: 虽然支持的内容不多,但是小而精,希望对大家有用。 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 本文向大家介绍JS实现颜色梯度与渐变效果完整实例,包括了JS实现颜色梯度与渐变效果完整实例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JS实现颜色梯度与渐变效果的方法。分享给大家供大家参考,具体如下: 运行效果图如下: 完整实例代码如下: PS:这里再为大家推荐几款本站的相关在线工具: 在线RGB、HEX颜色代码生成器: http://tools.jb51.net/color/rgb_

  • 本文向大家介绍js实现颜色阶梯渐变效果(Gradient算法),包括了js实现颜色阶梯渐变效果(Gradient算法)的使用技巧和注意事项,需要的朋友参考一下 html中颜色可以使用rgb和hex方式来表示。 在色彩中,色相、明度、纯度也都可以产生渐变效果,并会表现出具有丰富层次的美感。本文主要讲述两种颜色RGB数值的梯级渐变算法。 其中如如16进制颜色如#336600分别表示rgb模式中r的值为

  • 本文向大家介绍jQuery与js实现颜色渐变的方法,包括了jQuery与js实现颜色渐变的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jQuery与js实现颜色渐变的方法。分享给大家供大家参考,具体如下: 1.目的 本来想的是 提示用户应该点某个按钮 这个功能,就想着让这个按钮div的边框变成醒目的颜色然后逐渐变白。 在网上搜了搜,本来想使用jQuery的animate,后来发现这

  • 本文向大家介绍JavaScript实现的鼠标响应颜色渐变效果完整实例,包括了JavaScript实现的鼠标响应颜色渐变效果完整实例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JavaScript实现的鼠标响应颜色渐变效果。分享给大家供大家参考,具体如下: 运行效果图如下: 完整代码如下: PS:这里再为大家推荐几款网页元素样式相关工具供大家参考使用: 在线特效文字/彩色文字生成工具:

  • 问题内容: 是否有生成器,或生成这种文本的简便方法,而无需定义 每个 字母 所以像这样: 但是不是用 彩虹 色而是用其他颜色(例如,白色到灰色/浅蓝色渐变等)生成的,我为此找不到简单的解决方案。有什么办法吗? 问题答案: 我不完全了解 Stop的 工作原理。但是我有一个 渐变文本 示例。也许这会帮到您! _您也可以根据需要为渐变添加更多颜色,或者从颜色生成器中选择其他颜色