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>

目录
相关文章
|
5月前
|
前端开发 JavaScript
杨校老师课堂之JavaScript案例之跑马灯左右无缝连接图片自动轮播
杨校老师课堂之JavaScript案例之跑马灯左右无缝连接图片自动轮播
27 2
|
5月前
|
前端开发 JavaScript
探讨JavaScript实现类似弹幕的跑马灯效果
探讨JavaScript实现类似弹幕的跑马灯效果
423 0
|
JavaScript 前端开发
JS实现无缝隙跑马灯
JS实现无缝隙跑马灯
105 0
|
JavaScript
如何用原生JS实现跑马灯效果
如何用原生JS实现跑马灯效果
193 0
如何用原生JS实现跑马灯效果
|
JavaScript
html+css+js实现无缝隙跑马灯
html+css+js实现无缝隙跑马灯
171 0
|
JavaScript 前端开发
vue js文字跑马灯基础版本
提供两种解决思路
288 1
|
JavaScript 前端开发
杨校老师课堂之JavaScript案例之跑马灯左右无缝连接图片自动轮播
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/kese7952/article/details/80177295  JavaScript案例之跑马灯左右无缝连接 效果图: 思路:     1.
909 0
|
4月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
95 2
|
4月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的小区物流配送系统附带文章源码部署视频讲解等
118 4
|
4月前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的宠物援助平台附带文章源码部署视频讲解等
81 4