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

<!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 >向右滑动</button>
		<button >向左滑动</button>
	</body>
</html>

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

相关文章:

  • 2021-08-18
  • 2021-11-14
  • 2021-08-08
  • 2021-08-08
  • 2021-08-08
  • 2021-11-18
  • 2021-08-08
  • 2021-08-18
猜你喜欢
  • 2021-11-16
  • 2021-08-08
  • 2021-11-14
  • 2021-11-27
  • 2021-11-14
  • 2021-08-06
  • 2021-11-14
  • 2021-10-09
相关资源
相似解决方案