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

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>

随机推荐

标题滚动效果演示
纯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
JS禁止复制网站文章代码
JS禁止复制网站文章代码，可以实现网页上的文本无法复制，在网页上右键不显示弹出菜单。实现原理是在网页的body标签中添加一下代码：复制代码代码如下: onmouseup=document.selection.empty() oncontextmenu=return false onselectstart=return false ond
JS实现百叶窗效果
JS实现百叶窗效果，适合做专家介绍，设备技术等介绍效果。效果演示中使用的是纯色图片，将对应的图片替换即可。引用slider.js文件在底部调用初始化代码script type=text/javascriptslider.init();/script ，演示效果中为方便起见将slider.js中的代码整合到
input输入框默认文本点击清空，无输入显示效果
网页上用到表单的地方经常会用到这样的效果，输入框中默认的情况下会有一段引导性的文字，当用户点击输入框的时候默认的文字会被情况，当输入框失去焦点并且用户没用输入内容的时候，再次显示默认文本。本例中还添加了在不同情况下文本框中的文本颜色不同的
从腾讯网提取的判断手机端访问跳转代码
从腾讯网提取的判断手机端访问跳转代码，使用了一个正则表达式来判断浏览器的navigator.userAgent标志，来确认访问终端，从而做出相应的操作。代码简单，注释详细，容易理解。复制代码代码如下: script type=text/javascript if(/Android|Windows Phone|w

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

相关文章

随机推荐