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


Posted in Javascript onSeptember 07, 2016

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

运行效果截图如下:

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提供睡眠功能(sleep) 自编译JS引擎
Aug 16 Javascript
JavaScript实现网页截图功能
Oct 16 Javascript
使用jQuery简单实现模拟浏览器搜索功能
Dec 21 Javascript
Jquery+Ajax+PHP+MySQL实现分类列表管理(下)
Oct 28 Javascript
原生javascript实现解析XML文档与字符串
Mar 01 Javascript
Node.js Streams文件读写操作详解
Jul 04 Javascript
JS实现给json数组动态赋值的方法示例
Mar 19 Javascript
.vue文件 加scoped 样式不起作用的解决方法
May 28 Javascript
了解重排与重绘
May 29 Javascript
原生js基于canvas实现一个简单的前端截图工具代码实例
Sep 10 Javascript
vue cli4下环境变量和模式示例详解
Apr 09 Javascript
vue自定义插件封装,实现简易的elementUi的Message和MessageBox的示例
Nov 20 Vue.js
JavaScript 函数模式详解及示例
Sep 07 #Javascript
jquery 属性选择器(匹配具有指定属性的元素)
Sep 06 #Javascript
jquery validate表单验证插件
Sep 06 #Javascript
HTML5 canvas 9绘制图片实例详解
Sep 06 #Javascript
js 获取元素所有兄弟节点的实现方法
Sep 06 #Javascript
ionic在开发ios系统微信时键盘挡住输入框的解决方法(键盘弹出问题)
Sep 06 #Javascript
使用JS轻松实现ionic调用键盘搜索功能(超实用)
Sep 06 #Javascript
You might like
PHP学习笔记之三 数据库基本操作
2011/01/17 PHP
图文介绍PHP添加Redis模块及连接
2015/07/28 PHP
Zend Framework框架实现类似Google搜索分页效果
2016/11/25 PHP
js 小数取整的函数
2010/05/10 Javascript
jquery isType() 类型判断代码
2011/02/14 Javascript
MooBox 基于Mootools的对话框插件
2012/01/20 Javascript
详解JS 比较两个Json对象的值是否相等的实例
2013/11/20 Javascript
javascript常用正则表达式汇总
2015/07/31 Javascript
在JavaScript中call()与apply()区别
2016/01/22 Javascript
javascript实现tab响应式切换特效
2016/01/29 Javascript
Javascript之Math对象详解
2016/06/07 Javascript
jquery css实现邮箱自动补全
2016/11/14 Javascript
微信小程序 动态传参实例详解
2017/04/27 Javascript
详解angularJS动态生成的页面中ng-click无效解决办法
2017/06/19 Javascript
three.js实现3D模型展示的示例代码
2017/12/31 Javascript
Vue中如何实现proxy代理
2018/04/20 Javascript
vue项目中jsonp跨域获取qq音乐首页推荐问题
2018/05/30 Javascript
小程序tab页无法传递参数的方法
2018/08/03 Javascript
详解微信小程序中组件通讯
2018/10/30 Javascript
NodeJs实现简易WEB上传下载服务器
2019/08/10 NodeJs
python爬虫实战之最简单的网页爬虫教程
2017/08/13 Python
利用selenium 3.7和python3添加cookie模拟登陆的实现
2017/11/20 Python
Numpy 改变数组维度的几种方法小结
2018/08/02 Python
基于Pycharm加载多个项目过程图解
2020/01/19 Python
Django分组聚合查询实例分享
2020/04/29 Python
英国家电购物网站:Sonic Direct
2019/03/26 全球购物
初中三年学生的学习自我评价
2013/11/13 职场文书
医药专业应届毕业生求职信范文
2014/01/01 职场文书
小学美术教学反思
2014/02/01 职场文书
初婚初育证明范本
2014/11/24 职场文书
求职意向书范本
2015/05/11 职场文书
建国大业观后感600字
2015/06/01 职场文书
Python生成九宫格图片的示例代码
2021/04/14 Python
Python数据可视化之基于pyecharts实现的地理图表的绘制
2021/06/10 Python
制作能在nginx和IIS中使用的ssl证书
2021/06/21 Servers
oracle数据库去除重复数据
2022/05/20 Oracle