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 >向右滑动</button>
<button >向左滑动</button>
</body>
</html>
这个分为向左滚动和向右滚动，默认不滚动
- 上一篇 »HTML+CSS+JS，+Vue写一个通讯录组件
- 下一篇 »-，，，，标签文档