HTML 标题闪动

￡神魔★判官ぃ 2023-07-22 04:55 17阅读 0赞

# HTML 标题闪动 #

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport" id="viewport">
        <title>MMOGA Power | 网页标题闪动,点击停止定时器</title>
        
        <script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
    
    </head>
    
    <body>
    
       
    
    <h1 style="vertical-align:middle;text-align:center;" id="cleanIntval">网页标题闪动,点击停止定时器</h1>
    
    
    <script type="text/javascript" language="javascript">
        $(function () {
            flash_title();
        });
        
        
    	
    	//网页标题提示闪动
        var step = 0;
    	var documentTitle = document.title;
    	var mytimer = setInterval("flash_title()", 1000);//定义计时器
    	
        function flash_title() {
            step++
            if (step == 3) { step = 1 }
            if (step == 2) { document.title = documentTitle; }
            if (step == 1) { document.title = "您有新的消息，请注意查收！"; }
        }
    	
    	$('#cleanIntval').click(function(){
    		console.log(documentTitle)
    		document.title = documentTitle;
    		clearInterval(mytimer);
    		
    	})
    </script>
    </body>
    
    </html>

发表评论取消回复

表情：

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

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

相关阅读

相关 HTML标题title滚动

代码： <script type="text/javascript"> var msg = document.title; ...

本是古典何须时尚/ 2024年04月20日 10:49/ 0 赞/ 117 阅读

相关用HTML+CSS+JS 做一个闪动的心

可以用 HTML、CSS 和 JavaScript 来制作一个闪动的心形图案。下面是一个示例： <!DOCTYPE html> <html> <hea

川长思鸟来/ 2024年03月25日 11:58/ 0 赞/ 107 阅读

相关 HTML 标题闪动

HTML 标题闪动 <!DOCTYPE html> <html lang="en"> <head> <meta charset="

￡神魔★判官ぃ/ 2023年07月22日 04:55/ 0 赞/ 18 阅读

相关 HTML标题、段落、各种标签

标题h1-h6 格式<h1>标题内容 </h1> 一个页面建议只有一个h1(一级标题) 段落 <p>这里是段落</p> 段内换行br

骑猪看日落/ 2023年06月03日 03:58/ 0 赞/ 49 阅读

相关 html字体颜色闪动,HTML最简单的文字闪烁代码

该楼层疑似违规已被系统折叠隐藏此楼查看此楼 Title @keyframes blink\{ 0%\{opacity: 1;\} 50%\{opacity: 1;\}

约定不等于承诺〃/ 2022年10月09日 06:22/ 0 赞/ 332 阅读

相关 HTML HTML 标题 (stage1-13)

基础篇-HTML 标题 1.标题标题（Heading）是通过 `<h1> - <h6>` 标签进行定义的. `<h1>` 定义最大的标题。 `<h6>` 定义

r囧r小猫/ 2022年06月02日 01:45/ 0 赞/ 269 阅读

相关 HTML_01 —— 标题和段落

主标题：<title> 里面放主标题的内容</title> 标题：<h1>里面写标题的内容</h1> 注意：标题只有h1--h6 ，没有h7

素颜马尾好姑娘i/ 2021年12月14日 08:11/ 0 赞/ 354 阅读

相关 HTML学习笔记5-HTML标题

一、HTML标题 1.HTML标题是通过<h1>-<h6>标签定义 2.<h1>最大，<h6>最小注意：编写HTML文件时，必须要确保<h1>-<h6>标签只能用于标题

╰+攻爆jí腚メ/ 2021年11月05日 13:04/ 0 赞/ 413 阅读

相关 HTML||标题，段落，文本格式化

一、HTML 标题标题 HTML的标题是通过<h1>~<h6>来定义的，<h1>是HTML里边最大的标题，<h6>为最小的标题，在浏览器显示时，他们是默认加黑的，

亦凉/ 2021年11月04日 12:12/ 0 赞/ 514 阅读

相关 HTML-标题

在 HTML 文档中，标题很重要。 HTML 标题标题（Heading）是通过 <h1> - <h6> 等标签进行定义的。 <h1> 定义最大的标题。<h6>

灰太狼/ 2021年10月30日 01:36/ 0 赞/ 427 阅读