js 实现标题栏的向左向左滚动，设置两个向左和向右的两个按钮，当点击向左按钮时，标题栏文字向左滚动，点击向右按钮时，标题栏向右滚动。

最新推荐文章于 2023-11-10 12:46:32 发布

Sunqlive

最新推荐文章于 2023-11-10 12:46:32 发布

阅读量2k

点赞数 1

分类专栏： js 文章标签： javascript

本文链接：https://blog.csdn.net/Sunqlive/article/details/52350719

版权

js 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js练习三标题栏文字滚动</title>
<script type="text/javascript">
var direction='left';
window.οnlοad=function(){
setInterval(function(){
var titleText,firstChar,others;
titleText=document.title;
if (direction=='left') {
//默认向左滚

firstChar=titleText.charAt(0);
others=titleText.substring(1);
document.title=others+firstChar;
}else{
//向右滚
firstChar=titleText.charAt(titleText.length-1);
others=titleText.substring(0,titleText.length-1);

document.title=firstChar+others;
}
},1000);
//注册单机事件
document.getElementById('btnLeft').οnclick=function(){
direction='left';
};
document.getElementById('btnRight').οnclick=function(){
direction='right';
};
};
</script>
</head>
<body>
<input type="button" name="button" value="left" id="btnLeft">
<input type="button" name="button" value="right" id="btnRight">
</body>
</html>

Sunqlive

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js 实现标题栏的向左向左滚动，设置两个向左和向右的两个按钮，当点击向左按钮时，标题栏文字向左滚动，点击向右按钮时，标题栏向右滚动。

实现标题栏的向左向左滚动，设置两个向左和向右的两个按钮，当点击向左按钮时，标题栏文字向左滚动，点击向右按钮时，标题栏向右滚动。
复制链接

扫一扫