首页 > 代码库 > javascript走马灯的效果(文档标题文字滚动)
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走马灯的效果(文档标题文字滚动)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。