返回首页

温馨提示：本站文章标题使用的字体是《微软雅黑》点击下载这个字体.

顶一下

1 次

不间断向上滚动代码

来源：本站原创编辑：admin 时间：2008年09月20日浏览：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>站长素材-专注于网页素材下载、设计图库，小图片、网页背景 等，手把手教你做网站美容师
</title>
<meta name="keywords" content="网页素材,图库,矢量图,图标,小图片">
<meta name="description" content="专注于提供网页素材下载，其内容涵盖网页素材、设计图库，小图
片、网页背景、导航菜单、矢量图等，手把手教你做网站美容师"></head>

<body><DIV id=marquees><A href="javascript:" _fcksavedurl="javascript:">1,你可曾有过无数的梦想，</A><BR><BR><A
href="javascript:">2,却在时光的流逝里幻灭 </A><BR><BR><A
href="javascript:">3,你可曾对未来期待憧憬，</A><BR><BR><A
href="javascript:">4,却在成长的岁月中迷失</A><BR><BR></DIV>
<SCRIPT language=JavaScript>

marqueesHeight=200;
stopscroll=false;

with(marquees){
  style.width=0;
  style.height=marqueesHeight;
  style.overflowX="visible";
  style.overflowY="hidden";
  noWrap=true;
  onmouseover=new Function("stopscroll=true");
  onmouseout=new Function("stopscroll=false");
}
document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');

preTop=0; currentTop=0;

function init(){
  templayer.innerHTML="";
  while(templayer.offsetHeight<marqueesHeight){
    templayer.innerHTML+=marquees.innerHTML;
  }
  marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
  setInterval("scrollUp()",20);//越大越慢
}
document.body.onload=init;

function scrollUp(){
  if(stopscroll==true) return;
  preTop=marquees.scrollTop;
  marquees.scrollTop+=1;
  if(preTop==marquees.scrollTop){
    marquees.scrollTop=templayer.offsetHeight-marqueesHeight;
    marquees.scrollTop+=1;
  }
}
</SCRIPT>
本代码由<a href="http://www.web265.com" target="_blank">站长素材网(http://www.web265.com)</a>整理发布</body>
</html>本代码由<a href="http://www.web265.com" target="_blank">站长素材网(http://www.web265.com)</a>整理发布

运行代码
复制代码
另存代码
收藏本页

提示：您可以先修改部分代码再运行，复制代码和保存代码功能在Firefox下无效。

上一篇：没有了

下一篇：纯CSS做的垂直导航菜单效果

赞助商友情链接

站长常用工具

更多

返回首页

不间断向上滚动代码

赞助商友情链接

站长常用工具

相关文章