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 相关文章推荐
jQuery中append()方法用法实例
Jan 08 Javascript
分享一则JavaScript滚动条插件源码
Mar 03 Javascript
jQuery设置和移除文本框默认值的方法
Mar 09 Javascript
jscript读写二进制文件的方法
Apr 22 Javascript
javascript判断图片是否加载完成的方法推荐
May 13 Javascript
微信小程序开发之实现选项卡(窗口顶部TabBar)页面切换
Nov 25 Javascript
详解JS模块导入导出
Dec 20 Javascript
详解vue-cli之webpack3构建全面提速优化
Dec 25 Javascript
JavaScript栈和队列相关操作与实现方法详解
Dec 07 Javascript
深入浅析vue中cross-env的使用
Sep 12 Javascript
vue实现移动端图片上传功能
Dec 23 Javascript
JS获取表格视图所选行号的ids过程解析
Feb 21 Javascript
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 extract 将数组拆分成多个变量的函数
2010/06/30 PHP
php传值赋值和传地址赋值用法实例分析
2015/06/20 PHP
PHP模板引擎Smarty内置变量调解器用法详解
2016/04/11 PHP
PHP检查URL包含特定字符串实例方法
2019/02/11 PHP
PHP实现的操作数组类库定义与用法示例
2019/05/24 PHP
跨浏览器的设置innerHTML方法
2006/09/18 Javascript
js跨域和ajax 跨域问题的实现思路
2009/09/05 Javascript
JavaScript中的onerror事件概述及使用
2013/04/01 Javascript
让input框实现类似百度的搜索提示(基于jquery事件监听)
2014/01/31 Javascript
JS实现静止元素自动移动示例
2014/04/14 Javascript
jQuery的事件委托实例分析
2015/07/15 Javascript
jQuery自动完成插件completer附源码下载
2016/01/04 Javascript
使用bootstrap3开发响应式网站
2016/05/12 Javascript
浅析创建javascript对象的方法
2016/05/13 Javascript
js表单元素checked、radio被选中的几种方法(详解)
2016/08/22 Javascript
jQuery获取单选按钮radio选中值与去除所有radio选中状态的方法
2017/05/20 jQuery
vue的一个分页组件的示例代码
2017/12/25 Javascript
解决Can't find variable: SockJS vue项目的问题
2020/09/22 Javascript
[00:39]DOTA2上海特级锦标赛 Liquid战队宣传片
2016/03/04 DOTA
[49:18]2018DOTA2亚洲邀请赛 3.31 小组赛 A组 OG vs TNC
2018/04/01 DOTA
python如何调用百度识图api
2020/09/29 Python
HTML5打开本地app应用的方法
2016/03/31 HTML / CSS
几个解决兼容IE6\7\8不支持html5标签的几个方法
2013/01/07 HTML / CSS
跑步、骑行和铁人三项的高性能眼镜和服装:ROKA
2018/07/06 全球购物
公司中秋节活动方案
2014/02/12 职场文书
《莫泊桑拜师》教学反思
2014/04/23 职场文书
师恩难忘教学反思
2014/04/27 职场文书
结婚保证书范文
2014/04/29 职场文书
2014年安全生产目标责任书
2014/07/23 职场文书
大学毕业生管理学求职信
2014/09/01 职场文书
乡镇遵守党的政治纪律情况对照检查材料
2014/09/26 职场文书
2014党支部对照检查材料思想汇报
2014/10/05 职场文书
学生病假条范文
2015/08/17 职场文书
《王者天下》第4季首话新剧照 4月9日正式开播
2022/04/07 日漫
Vue Mint UI mt-swipe的使用方式
2022/06/05 Vue.js
html中两种获取标签内的值的方法
2022/06/16 jQuery