脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JS title标题栏文字不间断滚动显示

JS实现title标题栏文字不间断滚动显示效果

 更新时间：2016年09月07日 08:56:35   作者：onestopweb  
这篇文章主要介绍了JS实现title标题栏文字不间断滚动显示效果,通过javascript时间函数定时操作动态修改页面元素实现滚动效果,需要的朋友可以参考下

本文实例讲述了JS实现title标题栏文字不间断滚动显示效果。分享给大家供大家参考，具体如下：

运行效果截图如下：

具体代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TITLE栏上滚动的文字</title>
<script language=javascript >
var text=document.title
var timerID
function newtext() {
clearTimeout(timerID)
document.title=text.substring(1,text.length)+text.substring(0,1)
text=document.title.substring(0,text.length)
timerID = setTimeout("newtext()", 100)
}
</script>
</head>
<body onload="newtext()"></body>
</body>
</html>
<html>
<head>

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript遍历算法与技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • js实现iGoogleDivDrag模块拖动层拖动特效的方法

    js实现iGoogleDivDrag模块拖动层拖动特效的方法

    这篇文章主要介绍了js实现iGoogleDivDrag模块拖动层拖动特效的方法,实例分析了javascript操作拖动层的技巧,需要的朋友可以参考下
    2015-03-03
  • JS监听元素dom变化方案详解

    JS监听元素dom变化方案详解

    这篇文章主要给大家介绍了关于JS监听元素dom变化的相关资料,监听DOM大小的变化,在前端开发中,算是一个比较常见的需求,比如我们要制作可伸缩的图表的时候,可能需要根据DOM大小的变化,进行动态的更新图表,需要的朋友可以参考下
    2023-09-09
  • js使用xlsx读取excel文件的详细步骤

    js使用xlsx读取excel文件的详细步骤

    读取excel文件是日常开发中经常会遇到的一个需求,下面这篇文章主要给大家介绍了关于js使用xlsx读取excel文件的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-09-09
  • js 颜色选择插件

    js 颜色选择插件

    本文主要介绍了js 颜色选择插件。具有很好的参考价值，下面跟着小编一起来看下吧
    2017-01-01
  • JavaScript继承模式粗探

    JavaScript继承模式粗探

    之前提到了JS中比较简单的设计模式，在各种设计模式中被最常使用的工具之一就是原型链的继承。作为OOP的特质之一——继承，今天主要谈谈JS中比较简单的继承方法
    2016-01-01
  • JavaScript中的Promise详解

    JavaScript中的Promise详解

    现在网上有非常多的Promise文章，但都是给你一堆代码，或者某些核心代码，让你看完之后感觉，嗯，很厉害，但还是不知所云，不知其所以然。那么本文真正从一个小白开始带你深入浅出，一步一步实现自己的 Promise，这种自己造轮子的过程一定是进步最快的过程，快上车开始吧
    2022-11-11
  • javascript正则表达式之分组概念与用法实例

    javascript正则表达式之分组概念与用法实例

    这篇文章主要介绍了javascript正则表达式之分组概念与用法,结合实例形式分析了javascript正则表达式分组的功能、定义与使用方法,需要的朋友可以参考下
    2016-06-06
  • JS去掉字符串前后空格或去掉所有空格的用法

    JS去掉字符串前后空格或去掉所有空格的用法

    这篇文章主要介绍了JS去掉字符串前后空格或去掉所有空格的用法,需要的朋友可以参考下
    2017-03-03
  • JavaScript中undefined和null的区别

    JavaScript中undefined和null的区别

    这篇文章主要介绍了 JavaScript中undefined和null的区别的相关资料,需要的朋友可以参考下
    2017-05-05
  • JS实现头条新闻的经典轮播图效果示例

    JS实现头条新闻的经典轮播图效果示例

    这篇文章主要介绍了JS实现头条新闻的经典轮播图效果,涉及javascript图片轮播切换相关实现技巧,需要的朋友可以参考下
    2019-01-01

最新评论