JS网页标题滚动效果实现代码

模板网 2014-09-04

JS网页标题滚动效果实现代码,标题不间断自右向左滚动。

代码简单容易理解,加快或减慢滚动速度只需修改setInterval函数的时间参数即可,本效果默认时间间隔是400毫秒。

<!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" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<title>JS网页标题滚动效果实现代码</title>
<script>
	var title=document.title,pos=0;
	setInterval(function(){
		document.title=title.substring(pos,title.length)+title.substring(0,pos);
		if(++pos>title.length) pos=0;
	},400);
</script>
</head>
<body>
	<p>JS网页标题滚动效果实现代码</p>
</body>
</html>

相关文章

  1. html5输入框正则验证

    html5输入框正则验证,输入框禁止粘贴,禁止右键菜单。

  2. 不错的医院页面挂号下拉效果

    不错的医院页面挂号下拉效果,仅供参考。 效果截图:

  3. JS闪屏代码,闪瞎你的眼睛

    JS恶搞代码,页面底色在黑与白之间快速切换,产生闪烁效果。JS闪屏代码,闪瞎你的眼睛。

  4. JS网页标题滚动效果实现代码

    JS网页标题滚动效果实现代码,标题不间断自右向左滚动。 代码简单容易理解,加快或减慢滚动速度只需修改setInterval函数的时间参数即可,本效果默认时间间隔是400毫秒。

  5. 标题滚动效果演示

    纯JS实现的标题滚动效果。代码如下: 复制代码 代码如下: script type=text/javascript (function(){ setInterval(function(){ text = top.document.title; top.document.title=text.substring(1,text.length)+text.substring(0,1); },500); })(); /script

随机推荐

  1. html5输入框正则验证

    html5输入框正则验证,输入框禁止粘贴,禁止右键菜单。

  2. 不错的医院页面挂号下拉效果

    不错的医院页面挂号下拉效果,仅供参考。 效果截图:

  3. JS闪屏代码,闪瞎你的眼睛

    JS恶搞代码,页面底色在黑与白之间快速切换,产生闪烁效果。JS闪屏代码,闪瞎你的眼睛。

  4. JS网页标题滚动效果实现代码

    JS网页标题滚动效果实现代码,标题不间断自右向左滚动。 代码简单容易理解,加快或减慢滚动速度只需修改setInterval函数的时间参数即可,本效果默认时间间隔是400毫秒。

  5. 标题滚动效果演示

    纯JS实现的标题滚动效果。代码如下: 复制代码 代码如下: script type=text/javascript (function(){ setInterval(function(){ text = top.document.title; top.document.title=text.substring(1,text.length)+text.substring(0,1); },500); })(); /script