网页标题滚动跳动效果代码实例
原创网页标题滚动跳动效果代码实例
原创
IT工作者
发布于 2021-12-28 12:56:53
发布于 2021-12-28 12:56:53
代码可运行
运行总次数：0
代码可运行
本章节分享一段代码实例，它实现了让title标题跳动起来的效果。
代码实例如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<title>欢迎您，开发者</title>
<script type="text/javascript">
var dir = "left";
function scroll() {
//获取title
var title = document.title;
if (dir == "left") {
//获取title第一个汉字（数字、字母）。
var firstch = title.charAt(0);
//获取第二位到最后的信息
var leftstr = title.substring(1, title.length);
// 拼接输出信息
document.title = leftstr + firstch;
}
else if (dir == "right") {
var lastch = title.charAt(title.length - 1);
var leftstr = title.substring(0, title.length - 1);
document.title = lastch + leftstr;
}
function setDir(d) {
dir = d;
}
}
//使用setInterval()方法执行
setInterval("scroll()", 500);
</script>
</head>
<body>
编辑器无法正常演示此效果，建议复制黏贴到本地测试
</body>
</html>上面的代码就是一个比较好的演示效果，代码已经有了注释，这里不多介绍了。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读
腾讯云开发者
