当前位置:首页 > 网站应用

纯js实现文字自动变色效果

cjw1232年前 (2024-09-19)网站应用5000
<!-- js实现变色文字 -->
<div id="blink">
    <strong>
        <div align="left" style="text-align:center;">
            变色文字效果
        </div>
    </strong>
    <strong>
        <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>
    </strong>
</div>


扫描二维码推送至手机访问。

版权声明:本文由追求完美发布,如需转载请注明出处。

本文链接:https://www.cjw123.com/blog/?id=104

标签: htmlJS
分享给朋友:

相关文章

html meta标签屏蔽搜索引擎的用法

html页面中的 meta 标签可以用来识别搜索引擎的蜘蛛类型,可以规定meta标签所在的html页面是否被蜘蛛抓取,下面是这个meta标签的用法,大家可以借鉴一下。搜索引擎的 meta 标签的解析下面是meta标签对搜索引擎的解析<meta name='robot…

纯CSS实现菜单炫酷点击展开收起效果

通过纯css3实现展开收缩的弹性动画菜单,可以应用于PC端或移动端页面中,非常实用效果也非常的炫酷,喜欢的码友们可以尝试一下,效果如下:完整代码如下:<!doctype html><html><head><meta charset=&qu…

开灯!关灯!

<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">…

定时炸弹,网页特效

点击下面的运行看效果:<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-…

分享一个网上看到的对联JS代码

样式截图演示代码:点运行即可看到效果<script src="https://cdn.jsdelivr.net/gh/dongfg/cyber-couplet@master/couplet.js"></script>代码内容:将下面代码保存为js…

今天终于把导航的同步功能给完成了

拖了几年,一直提不起兴趣去做一些陈年旧事,因为现在大部分的网友都已经不在电脑上了,也没了更新的动力。昨天不知道是咋了,去改个失效的链接,弄着弄着就把同步功能一起给做完了!本文章就是一篇水文,记录一下!导航这一下估计又很久不会去动了!有使用的朋友可以体验一下,www.cjw123.com 右…

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。