首页 > 代码库 > javascript走马灯的效果(文档标题文字滚动)

javascript走马灯的效果(文档标题文字滚动)

做一些网站的时候,文档标题会滚动,这个效果是走马灯的效果。

<!DOCTYPE html><html>	<head>		<meta charset="UTF-8">		<title>走马灯的效果</title>	</head>	<body>		<script>			var dir="";			function zouma(){				var tit=document.title;				if(dir=="left"){					var first=tit.substring(0,1);					//console.log(first);					var last=tit.substring(1,tit.length);					document.title=last+first;				}else if(dir=="right"){					var first=tit.substring(0,tit.length-1);					console.log(first);					var last=tit.substring(tit.length-1);					document.title=last+first;				}			}			function strdir(d){				dir=d;			}			setInterval("zouma()",600);		</script>		<button id="left" type="button" onclick="strdir(‘left‘)">向右滑动</button>		<button id="right" type="button" onclick="strdir(‘right‘)">向左滑动</button>	</body></html>

  这个分为向左滚动和向右滚动,默认不滚动

javascript走马灯的效果(文档标题文字滚动)