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

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

cjw1232年前 (2024-09-19)网站应用5760
<!-- 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://cjw123.com/blog/?id=104

标签: htmlJS
分享给朋友:

相关文章

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

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

纸张撕裂动画效果,网站错误404页源码

一款挺好看的404页源码,可以改成自己想要的提示页<html>    <head>    <meta charset="UTF-8"> &nbs…

html中表table行循环滚动,类似车次、航班动态

<HTML> <meta charset="utf-8"> <HEAD> <TITLE>滚动表格</TITLE> <!--css样式是锁定表头不动的--> <style>&nb…

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

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

摇摆的灯光

点击运行看演示效果!<!DOCTYPE html> <html lang="en"> <head>   <meta charset="UTF-8">…

文字特效代码:超酷文字快速展示

<!--要完成此效果需要三个步骤 第一步:把如下代码加入到<head>区域中--> <style> .let{ color:white; font-family:Verdana; font-weight:bold; width:500; filte…

发表评论

访客

看不清,换一张

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