`

js实现字体渐渐消失

HTML 
阅读更多 
<HTML>  
<HEAD>  
<SCRIPT language=JavaScript>    
var   col   =   new   Array();    
col[15]   =   '#000000';    
col[14]   =   '#111111';    
col[13]   =   '#222222';    
col[12]   =   '#333333';    
col[11]   =   '#444444';    
col[10]   =   '#555555';    
col[9]   =   '#666666';    
col[8]   =   '#777777';    
col[7]   =   '#888888';    
col[6]   =   '#999999';    
col[5]   =   '#AAAAAA';    
col[4]   =   '#BBBBBB';    
col[3]   =   '#CCCCCC';    
col[2]   =   '#DDDDDD';    
col[1]   =   '#EEEEEE';    
col[0]   =   '#FFFFFF';    
var  i   =   col.length;    
function Over()    
{    
if   (i>=0) {i--;td.style.color=col[i];}    
setTimeout('Over()',100);//渐变   
}    
  
</SCRIPT>    
  
  
<TABLE><TBODY><TR><TD id=td onmouseover=Over()>鼠标放上看效果</TD></TR></TBODY></TABLE>
分享到：
| onBlur事件
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    搜索框点击字体消失。滑出字体出现

    总结来说，"搜索框点击字体消失，滑出字体出现"是通过JavaScript实现的一种搜索框交互优化，旨在提供更好的用户输入体验。开发者可以通过HTML的`onfocus`和`onblur`事件，配合`placeholder`属性，轻松实现这一功能。...

    javascript经典特效---特酷消隐字体.rar

    "特酷消隐字体"是一个利用JavaScript实现的视觉效果，它可能涉及到文本动画和CSS样式控制，使得文字在页面上以独特的方式逐渐消失或显现，提升网页的视觉吸引力。 JavaScript的核心在于它的事件驱动和非阻塞I/O模型...

    使用JAVASCRIPT实现弹出框，过一段时间自动消失.txt

    ### 使用JavaScript实现弹出框，过一段时间自动消失的知识点解析 在现代网页开发中，弹出框作为一种常见的交互设计，用于向用户展示重要的通知、消息或警告。通过使用JavaScript，我们可以实现一个弹出框，使其在...

    JavaScript实现打气球的游戏

    JavaScript实现的打气球游戏是一种常见的网页互动小游戏，它结合了HTML、CSS和JavaScript技术，为用户提供了一种娱乐和学习编程的机会。在这个项目中，主要的知识点包括： 1. **HTML结构**：游戏界面的构建通常由...

    html+css+js实现PC端坦克大战.rar

    《HTML+CSS+JS实现PC端坦克大战》 在当今的Web开发领域，利用HTML、CSS和JavaScript构建交互式游戏已经变得越来越普遍。本项目"坦克大战"正是一个典型的实例，它展示了如何运用这些基础技术来创建一个具有趣味性的...

    使用Javascript实现超酷tooltip

    本文将探讨如何使用JavaScript来实现一个更加强大和灵活的Tooltip，以克服这些局限。 首先，让我们关注`prototype.js`和`tooltip.js`这两个JavaScript文件。`prototype.js`可能是Prototype.js库，这是一个流行的...

    JS实现自动提示文本框

    这个简单的示例展示了如何使用JavaScript实现自动提示文本框的基本功能。在实际应用中，你可能需要考虑更多细节，比如异步加载数据源、输入过滤规则、多个匹配项高亮等。通过不断优化和扩展，可以创建出更智能、更...

    移动到字体时出现层，离开时消失层

    总结来说，"移动到字体时出现层，离开时消失层"是一种常见的网页交互设计，主要利用HTML、CSS和JavaScript三者结合实现。通过理解这些基本概念和技术，开发者可以创建更多丰富的用户界面和交互体验。

    JS+css实现仿QQ空间信息提示框

    总结来说，利用JavaScript和CSS实现仿QQ空间信息提示框，需要掌握基本的DOM操作、CSS样式设计以及JavaScript事件处理和动画效果。这是一个很好的实践项目，可以帮助开发者提升前端技能，并理解如何在实际项目中创建...

    flash 字体特效60种

    2. **淡入淡出**：通过调整alpha透明度属性，让文字逐渐显现或消失，营造出优雅的过渡效果。 3. **缩放**：利用scaleX和scaleY属性，可以对文字进行放大或缩小，形成视觉焦点。 4. **闪烁**：快速改变alpha值或...

    封装一个Ext消息提示框，显示几秒后自动消失

    该资源主要涵盖了 CSS 和 JavaScript 代码，旨在实现一个可以自动消失的消息提示框。 1. CSS 代码分析 在 CSS 代码中，我们可以看到一些重要的样式定义。例如，`.msg-box-mc` 类定义了字体大小为 14px 的样式，`....

    【JavaScript源代码】html+css+js实现canvas跟随鼠标的小圆特效源码.docx

    【JavaScript源代码】html+css+js实现canvas跟随鼠标的小圆特效源码解析： 这个示例展示了一个HTML、CSS和JavaScript结合实现的交互式小圆特效，这些小圆会在canvas上跟随鼠标的移动轨迹，同时逐渐消失。让我们深入...

    简单原生js文字向上滚动消息框代码

    这个"简单原生js文字向上滚动消息框代码"提供了一种实现方式，它不依赖于任何JavaScript库如jQuery，而是完全基于原生JavaScript编写，这使得它在性能和加载速度上具有优势。 首先，`index.html`是网页的主文件，它...

    简单打字游戏HTM5L+css3+JavaScript实现.zip

    在本项目中，"简单打字游戏HTML5+css3+JavaScript实现.zip" 提供了一个使用Web技术构建的打字游戏。这个小游戏旨在帮助电脑初学者通过趣味方式提升打字技巧和速度。以下是对实现这个游戏所需关键技术的详细解析： 1...

    js实现跨年烟花代码详解

    本文主要介绍如何使用JavaScript实现跨年的烟花特效，通过创建一个简单的HTML页面，结合CSS和JavaScript技术，为用户带来视觉上的惊喜。基础效果包括倒计时，而高级效果则增加了烟花和雪花的效果，使得庆祝氛围更加...

    基于js+css设计的下拉式导航条

    而JavaScript则负责添加动态效果和交互逻辑，使得用户鼠标悬停时下拉菜单能适时出现和消失。 **CSS部分** 1. **基础样式设置**：创建一个导航条容器，并为其子元素（如`&lt;li&gt;`）定义样式，如背景色、边框、内边距等...

    美化js系统函数alert，confirm，prompt，并实现lightbox效果

    `msg.js`很可能是实现上述功能的JavaScript代码，包括对系统函数的美化和Lightbox效果的实现。`images`目录则包含了用于Lightbox的图片资源。 总的来说，美化`alert`、`confirm`和`prompt`以及实现Lightbox效果是...

    原生JS消息提示特效插件Message.js.zip

    6. **轻量级**：由于Message.js 是原生JavaScript实现，因此它具有体积小、加载速度快的特点，对于性能敏感的项目来说尤其合适。 7. **兼容性**：作为一款独立的插件，Message.js 设计时考虑到了跨浏览器兼容性，...

    JS.rar_javascript 日历_js_日历 java

    在本示例中，"JS.rar_javascript 日历_js_日历 java" 提供了一个关于JavaScript日历功能的实现，这通常用于网页中的日期选择器，让用户能够方便地选取日期。 日历组件是Web开发中常见的交互元素，特别是在表单中...

    JavaScript做的软键盘代码

    JavaScript实现的软键盘优点在于它不依赖于操作系统或浏览器的内置键盘，因此可以自定义样式和功能，同时降低潜在的安全风险，如键盘记录器。 创建JavaScript软键盘的基本步骤包括： 1. **HTML结构**：首先，你...

Magicbox
Global site tag (gtag.js) - Google Analytics