美文网首页
html标题跑马灯

html标题跑马灯

作者: 马小帅mm | 来源:发表于2018-08-14 11:01 被阅读0次

html

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>滚动的标题栏哦</title>
</head>
<body>
  <script type="text/javascript" src="js/marqueeTitle.js"></script>
</body>
</html>

marqueeTitle.js

function marqueeInit(){
    //获取标题
    var title=document.title;
    //分割字符串
    var arr=title.split("");
    //删除第一个元素并返回该元素
    var e=arr.shift();
    //把一个对象添加到数组末尾
    arr.push(e);
    //把数组转换成字符串
    var marquee=arr.join("");
    //返回给浏览器
    document.title=marquee;
    //定时一直执行
    window.setTimeout("marqueeInit()",1000);
}
window.onload=marqueeInit;

相关文章

  • html标题跑马灯

    html marqueeTitle.js

  • html跑马灯

    在html中,我们常常会使用到跑马灯来轮播文字,比如下面这个 用来作为诈骗警示那么我们该如何去做一个这样的跑马灯呢...

  • ## HTML基础-多媒体标签

    ## HTML基础-多媒体标签 # video标签 # audio标签 # marquee标签(跑马灯) H5新增...

  • HTML:基础(4)标题

    HTML 标题 在 HTML 文档中,标题很重要。 HTML 标题 标题(Heading)是通过 - 标签...

  • 2018-07-24 开始学习HTML

    HTML 标题 HTML 标题(Heading)是通过 -- 等标签进行定义的。 HTML 段落 HTML ...

  • HTML 基础

    HTML 标题 HTML 标题 (Heading) 是通过 - 标签来定义的. HTML 段落 HTML 段...

  • 2019-08-08

    HTML 标题 HTML 标题(Heading)是通过 - 等标签进行定义的。 HTML 段落 HTML ...

  • HTML基础1

    HTML标题HTML标题由 至 标签定义。 定义了最重要的标题。 定义了最不重要的标题: HTML段落HTML段落...

  • HTML Marquee跑马灯

    Marquee是html的标签,所有的主流浏览器都能兼容,用于创建文字滚动。来介绍下标签的属性 滚动方向 dire...

  • HTML 基础

    1、HTML 标题 HTML 标题(Heading)是通过 - 标签定义的。 2、HTML 段落 HTML ...

网友评论

      本文标题:html标题跑马灯

      本文链接:https://www.haomeiwen.com/subject/izmmbftx.html