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

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

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

posted on 2016-09-07 12:04  太阳花0525  阅读(828)  评论(0编辑  收藏  举报