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走马灯的效果(文档标题文字滚动)

最新文章

热门文章