• 博客园logo
  • 会员
  • 周边
  • 新闻
  • 博问
  • 闪存
  • 众包
  • 赞助商
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
内蒙古峰回路转armyfeng
博客园    首页    新随笔    联系   管理    订阅  订阅

Javascript自动滚屏特效

自动滚到最上一屏:
<!--将以下代码加入到<Body></Body>之间-->
<script language="JavaScript1.2">

var speed=1
var currentpos=0,alt=1,curpos1=0,curpos2=-1
function initialize(){
startit()
}
function scrollwindow(){
if (document.all)
temp
=document.body.scrollTop
else
temp
=window.pageYOffset
if (alt==0)
alt
=1
else
alt
=0
if (alt==0)
curpos1
=temp
else
curpos2
=temp
if (curpos1!=curpos2){
if (document.all)
currentpos
=document.body.scrollTop+speed
else
currentpos
=window.pageYOffset+speed
window.scroll(
0,currentpos)
}
else{
currentpos
=0
window.scroll(
0,currentpos)
}
}
function startit(){
setInterval(
"scrollwindow()",10)
}
window.onload
=initialize
</script>

自动定时滚动
拷贝下面的代码到你的html文件的<head>和</head>之间; 
<script language="JavaScript">
<!--
locate 
= 0;
function scroller() {
if (locate !=320 ) {
locate
++;
scroll(
0,locate);
clearTimeout(timer);
var timer = setTimeout("scroller()",3);
timer;
}

}

// -->
</script>

修改你的
<body>语句为;<body onload="scroller()">

说明:可通过改动locate的数值来控制显示页面的长度(原代码中为locate!=400)。将“setTimeout("scroller()",3);”中的“3”改为其它的数字可控制速度。
posted @ 2007-01-11 12:32  老冯  阅读(845)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2026
浙公网安备 33010602011771号 浙ICP备2021040463号-3