关闭

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

标签: javascript
659人阅读 评论(0) 收藏 举报
分类:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js练习三标题栏文字滚动</title>
<script type="text/javascript">
var direction='left';
window.onload=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').onclick=function(){
direction='left';
};
document.getElementById('btnRight').onclick=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>
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:14740次
    • 积分:363
    • 等级:
    • 排名:千里之外
    • 原创:21篇
    • 转载:1篇
    • 译文:1篇
    • 评论:0条
    文章分类
    文章存档