做一些网站的时候,文档标题会滚动,这个效果是走马灯的效果。
<!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>
这个分为向左滚动和向右滚动,默认不滚动
时间: 2024-11-03 17:02:16