Js跑马灯效果

简介:
 

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>xy欢迎新同学——跑马灯效果</title>
    <script type="text/javascript">
        function scroll() {
            var title = document.title;
            var firstChar = title.charAt(0);               // 取得第一个字符
            var leftChar = title.substr(1, title.length);
            document.title = leftChar + firstChar;
        }

        启动的时候执行
        setInterval("scroll()", 500);
    </script>
</head>
<body>

</body>
</html>

目录
相关文章
|
10月前
|
JavaScript 前端开发
JS实现无缝隙跑马灯
JS实现无缝隙跑马灯
71 0
|
JavaScript
如何用原生JS实现跑马灯效果
如何用原生JS实现跑马灯效果
150 0
如何用原生JS实现跑马灯效果
|
11月前
|
JavaScript
html+css+js实现无缝隙跑马灯
html+css+js实现无缝隙跑马灯
127 0
|
JavaScript 前端开发
vue js文字跑马灯基础版本
提供两种解决思路
263 1
|
JavaScript 前端开发
杨校老师课堂之JavaScript案例之跑马灯左右无缝连接图片自动轮播
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/kese7952/article/details/80177295  JavaScript案例之跑马灯左右无缝连接 效果图: 思路:     1.
888 0
|
9天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的校园竞赛管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的校园竞赛管理系统附带文章源码部署视频讲解等
158 63
|
9天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的小型医院医疗设备管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的小型医院医疗设备管理系统附带文章源码部署视频讲解等
25 6
|
9天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的校园健康驿站管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的校园健康驿站管理系统附带文章源码部署视频讲解等
32 5
|
9天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的箱包存储系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的箱包存储系统附带文章源码部署视频讲解等
21 5
|
9天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的销售项目流程化管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的销售项目流程化管理系统附带文章源码部署视频讲解等
25 3