js实现DOM走马灯特效的方法
本文实例讲述了js实现DOM走马灯特效的方法。分享给大家供大家参考。具体实现方法如下:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <title>走马灯的特效</title> <scripttype="text/javascript"> functionscroll(){ //将头文件标题赋值给tit vartit=document.title; //获取tit的第一个字符 varfir=tit.charAt(0); //获取tit剩余的字符 varleft=tit.substring(1,tit.length) //将头文件标题重新赋值为(原标题的第二个字符到最后一个字符+原标的的第一个字符) document.title=left+fir; } //让scroll每隔2000毫秒就执行scroll()一次,从而实现走马灯的效果 setInterval("scroll()",2000); </script> </head> <body> </body> </html>
希望本文所述对大家的javascript程序设计有所帮助。