JS+CSS实现闪烁字体效果代码

 更新时间:2016年04月05日 09:09:20   作者:jbp2cb0e09a55  
这篇文章主要介绍了JS+CSS实现闪烁字体效果代码,可实现文字按照指定颜色逐次闪烁显示的功能,代码非常简单实用,需要的朋友可以参考下

本文实例讲述了JS+CSS实现闪烁字体效果的方法。分享给大家供大家参考,具体如下:

<div id="blink">闪烁的文字</div>
<script language="javascript">
function changeColor(){
var color="#f00|#0f0|#00f|#880|#808|#088|yellow|green|blue|gray";
color=color.split("|");
document.getElementById("blink").style.color=color[parseInt(Math.random() * color.length)];
}
setInterval("changeColor()",200);
</script>

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结

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

相关文章

  • 一个符号插入器 中用到的js代码

    一个符号插入器 中用到的js代码

    一个符号插入器 中用到的js代码...
    2007-09-09
  • javascript设计模式 – 备忘录模式原理与用法实例分析

    javascript设计模式 – 备忘录模式原理与用法实例分析

    这篇文章主要介绍了javascript设计模式 – 备忘录模式,结合实例形式分析了javascript备忘录模式相关概念、原理、用法及操作注意事项,需要的朋友可以参考下
    2020-04-04
  • 20行JS代码实现网页刮刮乐效果

    20行JS代码实现网页刮刮乐效果

    下面小编就为大家带来一篇20行JS代码实现网页刮刮乐效果。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-06-06
  • javascript中this的用法实践分析

    javascript中this的用法实践分析

    这篇文章主要介绍了javascript中this的用法,结合具体实例形式总结分析了javascript中this各种常见的功能、用法及相关操作注意事项,需要的朋友可以参考下
    2019-07-07
  • js中的关联数组与普通数组详解

    js中的关联数组与普通数组详解

    下面小编就为大家带来一篇js中的关联数组与普通数组详解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • 仿谷歌主页js动画效果实现代码

    仿谷歌主页js动画效果实现代码

    昨天看到谷歌的主页上出现了几个动画,发现不是flash做的,而是用js+图片实现的!今天把拷贝到的图片,用js实现了动画效果!
    2013-07-07
  • 用javascript为页面添加天气显示实现思路及代码

    用javascript为页面添加天气显示实现思路及代码

    为页面添加天气显示的方法有很多,在本文为大家介绍下使用js来轻松实现,具体的代码如下,感兴趣的朋友不要错过
    2013-12-12
  • javascript常用函数归纳整理

    javascript常用函数归纳整理

    这篇文章主要介绍了javascript常用函数,归纳整理了一些常用的函数便于大家查询参考,需要的朋友可以参考下
    2014-10-10
  • Javascript基于AJAX回调函数传递参数实例分析

    Javascript基于AJAX回调函数传递参数实例分析

    这篇文章主要介绍了Javascript基于AJAX回调函数传递参数的方法,结合实例形式较为详细的分析了JavaScript使用ajax传递参数的相关技巧以及回调函数的实现技巧,需要的朋友可以参考下
    2015-12-12
  • d3.js中冷门却实用的内置函数总结

    d3.js中冷门却实用的内置函数总结

    D3.js是一个JavaScript库,它可以通过数据来操作文档。D3可以通过使用HTML、SVG和CSS把数据鲜活形象地展现出来。d3.js其实提供了很多内置的函数,可以却被大家忽略了,下面这篇文章就来给大家详细介绍了d3.js中冷门却实用的一些内置函数,需要的朋友可以参考借鉴。
    2017-02-02

最新评论