JavaScript学习摘记(实现标题左右滚动效果)
2010-11-06 21:52
501 查看
<title>走马灯测试</title>
<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 lastch = title.charAt(title.length - 1);
var leftstr = title.substring(0, title.length - 1);
document.title = lastch + leftstr;
}
else {
alert("错误的方向值!");
}
}
function setDir(d) {
dir = d;
}
setInterval("scroll()", 500);
</script>
<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 lastch = title.charAt(title.length - 1);
var leftstr = title.substring(0, title.length - 1);
document.title = lastch + leftstr;
}
else {
alert("错误的方向值!");
}
}
function setDir(d) {
dir = d;
}
setInterval("scroll()", 500);
</script>
相关文章推荐
- JavaScript实现简单精致的图片左右无缝滚动效果
- JavaScript中用Jquery实现左右点击滚动效果
- javascript实现图片左右滚动效果【可自动滚动,有左右按钮】
- JavaScript-html标题滚动效果的简单实现
- javascript实现的左右无缝滚动效果
- javascript实现多张图片左右无缝滚动效果
- 如何用javascript实现 网页标题的滚动效果
- 【web前端】JavaScript实现图片幻灯片滚动播放动画效果
- android 实现在文本内容超过固定宽度可手动左右滚动查看效果
- 只用html就可以实现图像的左右滚动效果
- 一个javascript的左右滚动切换效果!javascript
- javascript 实现新闻咨询图片滚动效果
- JavaScript实现走马灯效果[无缝连接、循环滚动] 向下
- DIV+javascript实现首尾相连循环滚动效果
- JavaScript实现走马灯效果[无缝连接、循环滚动]
- javaScript实现HTML页面分屏滚动效果
- javascript实现焦点滚动图效果 具体方法
- 纯javascript实现文字、图片无限滚动效果
- JavaScript 的 DOM 实现左右选择的下拉菜单效果
- javascript实现滚动效果的数字时钟实例