js改变文本字体大小及颜色，先放大后缩小，10次循环

逃离我推掉我的手 2022-07-03 12:21 116阅读 0赞

<!DOCTYPE html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>文字变化</title>  
    <script type="text/javascript">  
        onload = function()\{  
            var oBox = document.getElementsByTagName('div')\[0\];  
            var num = 0;//计数  
            var size = 1;//控制字体改变大小  
            var temp = null;  
            oBox.style.fontSize = '20px';  
            temp = setInterval(function()\{              
                //随机颜色  
                var num1 = parseInt(Math.random()\*256);  
                var num2 = parseInt(Math.random()\*256);  
                var num3 = parseInt(Math.random()\*256);  
                var rgb = 'rgb' + '(' + num1 + ',' + num2 + ',' + num3 + ')';  
                oBox.style.color = rgb;  
                //改变字体大小  
                oBox.style.fontSize = parseInt(oBox.style.fontSize) + size + 'px';  
                num++;  
                //变化10次后又变小循环变化  
                if( num%10 == 0 )\{  
                    size = size \* (-1);  
                \}  
            \},1000)  
        \}  
    </script>  
</head>  
<body>  
    <div>变化变化变化</div>  
</body>  
</html>

发表评论取消回复

表情：

评论列表（有 0 条评论，116人围观）

还没有评论，来说两句吧...

相关阅读

相关 IDEA 通过 ctrl + 鼠标滚轮放大/缩小字体

[在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4...

青旅半醒/ 2024年04月17日 06:07/ 0 赞/ 122 阅读

相关 idea 缩小放大字体鼠标滚动 ctrl 快捷键

省流： file --> setting --> keymap(键盘映射) -->搜索 font 搜font（中文版搜字体），双击 increase(增加) decre

阳光穿透心脏的1/2处/ 2024年03月23日 10:11/ 0 赞/ 111 阅读

相关 IntelliJ IDEA 代码字体大小放大缩小的设置快捷键（十）

File|Settings进行配置完成：如下所示![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9i

Bertha 。/ 2024年02月19日 12:54/ 0 赞/ 102 阅读

相关 Markdown 中设置文本字体为红色（改变字体颜色）的方法

文章目录 1. 按 2. HTML代码 3. KaTex/MathJax代码 1. 按 Markdown支持内嵌 HTML与用KaTex/Mat

我就是我/ 2023年05月28日 06:45/ 0 赞/ 36 阅读

相关 CSDN写博客如何改变字体大小颜色

在写CSDN博客的时候，有时候想要对某些行使用不同的颜色却不知道命令，简单如下：` xxx`代表加粗。 <font color =blue size=5>你可以这么做

分手后的思念是犯贱/ 2023年02月28日 04:20/ 0 赞/ 36 阅读

相关 CSS - 改变 input 输入框 placeholder 的字体颜色大小

前言该方法只适用于 `pc` 端，移动端无效。代码 input::-webkit-input-placeholder { / We

小咪咪/ 2022年10月25日 04:49/ 0 赞/ 312 阅读

相关 js改变文本字体大小及颜色，先放大后缩小，10次循环

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>文字

逃离我推掉我的手/ 2022年07月03日 12:21/ 0 赞/ 117 阅读

相关 echarts 修改legend字体颜色、x轴或y轴文本字体颜色改变

修改legend字体颜色： legend: { y:'55%', textStyle:

忘是亡心i/ 2022年05月16日 04:05/ 0 赞/ 1369 阅读

相关移动端rem加载时页面字体先放大再缩小

先给body 设置visibility：hidden； <body id="body" style="visibility: hidden;"> </body

比眉伴天荒/ 2021年10月19日 02:24/ 0 赞/ 385 阅读

相关 JS图片放大缩小

HTML部分代码 <img class="alert_img" onmousewheel="return suofang(this)" style="max-widt

我就是我/ 2021年08月29日 19:30/ 0 赞/ 696 阅读