JavaScript实现网页标题滚动效果

作者:微光时间:2026-10-28 20:30:40浏览:400

本文介绍如何使用JavaScript实现网页标题栏的滚动显示效果。通过获取document.title,利用charAt和substring方法提取首字符并移至末尾,结合setInterval定时器每2000毫秒执行一次字符串重组,即可实现类似走马灯的标题滚动特效。

JavaScript实现网页标题滚动效果

本文介绍一种利用JavaScript实现网页标题栏滚动显示效果的方法,供开发者参考。

具体实现代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>走马灯的特效</title>
<script type="text/javascript">
function scroll() {
//将当前页面标题赋值给变量tit
var tit = document.title;
//获取标题字符串的第一个字符
var fir = tit.charAt(0);
//获取标题字符串中从第二个字符开始到末尾的子串
var left = tit.substring(1, tit.length)
//将重组后的字符串(原串第二位至末尾+原首字符)重新赋值给页面标题
document.title = left + fir;
        }  
//设置定时器,每隔2000毫秒调用一次scroll函数,实现标题滚动效果
setInterval("scroll()", 2000);
</script>
</head>
<body>
  
</body>
</html>

希望上述代码对您的JavaScript编程有所帮助。

作者最新文章