<script type="text/javascript">
var dir="left";
function scroll(){
var title = document.title;
if (dir == "left") {
var firstch = title.charAt(0);
var leftstr = title.substring(1, title.length);
document.title = leftstr + firstch;
}
else if (dir == "right") {
var endch = title.charAt(title.length - 1);
var rightstr = title.substring(0, title.length - 1);
document.title = endch + rightstr;
}
else {
alert("错误的方向值!");
}
}
var IntervalId;
function setDir(d) {
dir = d;
IntervalId = setInterval("scroll()", 300);
}
function clearIntervalTest() {
clearInterval(IntervalId);
alert("间隔时间停止成功!");
}
</script>
</head>
<body>
<input type="button" value="点击向左滚动" onclick="setDir('left');"/>
<input type="button" value="点击向右滚动" onclick="setDir('right');"/>
<input type="button" value="停止" onclick="clearIntervalTest()"/>
</body>
网页标题栏实现走马灯效果
最新推荐文章于 2023-06-18 14:08:33 发布