您现在的位置是:首页>Web前端Web前端

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

胡小浪2018-12-06【Web前端】1535人已围观

简介JS实现title标题栏文字不间断滚动显示效果,通过javascript时间函数定时操作动态修改页面元素实现滚动效果

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

运行效果截图如下:

具体代码如下:

<!DOCTYPE >

<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>



Tags: JavaScript

扫一扫分享本页

很赞哦! (681598)