惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

月光博客
月光博客
罗磊的独立博客
The GitHub Blog
The GitHub Blog
V
V2EX
Last Week in AI
Last Week in AI
博客园 - 聂微东
MyScale Blog
MyScale Blog
美团技术团队
L
LangChain Blog
博客园 - Franky
腾讯CDC
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
博客园_首页
S
SegmentFault 最新的问题
爱范儿
爱范儿
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
Stack Overflow Blog
Stack Overflow Blog
量子位
小众软件
小众软件
宝玉的分享
宝玉的分享
J
Java Code Geeks
Google DeepMind News
Google DeepMind News
D
Docker
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报

博客园 - CQIT-CS

关于ASP.NET2.0 WebPart两个问题的解决... - CQIT-CS - 博客园 批处理命令简要教程 Dom4j 使用简介 JDom使用详解 面向服务的体系结构概述:第四部分(转) 面向服务的体系结构概述:第三部分(转) 面向服务的体系结构概述:第二部分(转) 面向服务的体系结构概述:第一部分(转) 用JAVASCRIPT实现JAVA的HashMap类... - CQIT-CS - 博客园 ASP.NET开启服务器端调试的方法... [原创]ECLIPSE环境下利用ANT进行JSF开发入门(三) [原创]ECLIPSE环境下利用ANT进行JSF开发入门(二) [原创]ECLIPSE环境下利用ANT进行JSF开发入门(一) 对象克隆... JAR详解 线程正在被中止问题的原因及解决 下载电子书的网址收集... CSS中expression的使用方法... 部署一个BIRT报告到你的应用服务器(转自ECLIPSE中国社区)
垂直滚动的DIV(含鼠标事件)
CQIT-CS · 2006-03-30 · via 博客园 - CQIT-CS

<Script language="Javascript">
<!--
 marqueesHeight=20;                                                    //内容区高度
 stopscroll=false;                                                           //这个变量控制是否停止滚动
 
 with(marquees){
  noWrap=true;                                                             //这句表内容区不自动换行
  style.width=0;                                                             //于是我们可以将它的宽度设为0,因为它会被撑大
  style.height=marqueesHeight;
  style.overflowY="hidden";                                          //滚动条不可见
  onmouseover=new Function("stopscroll=true");          //鼠标经过,停止滚动
  onmouseout=new Function("stopscroll=false");           //鼠标离开,开始滚动
 }
 
 
 document.write('<div id="templayer" style="background-color:#123;position:absolute;z-index:1;visibility:hidden"></div>');
                  //这时候,内容区的高度是无法读取了。下面输出一个不可见的层"templayer",稍后将内容复制到里面
 
 
 <!-- 初始化滚动内容 -->
 function init(){
  
  while(templayer.offsetHeight < marqueesHeight){     //多次复制原内容到"templayer",直到"templayer"的高度大于内容区高度
   templayer.innerHTML+=marquees.innerHTML;
  }

  marquees.innerHTML=templayer.innerHTML + templayer.innerHTML;  //把"templayer"的内容的“两倍”复制回原内容区
  
  setInterval("scrollUp()",100);         //设置连续超时,调用"scrollUp()"函数驱动滚动条
 }
 
 document.body.onload=init;
 preTop=0;               //这个变量用于判断滚动条是否已经到了尽头

 <!-- 滚动条的驱动函数 -->
 function scrollUp(){
  if(stopscroll==true)
   return;                                                //如果变量"stopscroll"为真,则停止滚动
  preTop=marquees.scrollTop;              //记录滚动前的滚动条位置
  marquees.scrollTop+=1;                     //滚动条向下移动一个像素
                                                            //如果滚动条不动了,则向上滚动到和当前画面一样的位置
                                                            //当然不仅如此,同样还要向下滚动一个像素(+1):
  
  if(preTop==marquees.scrollTop){
   marquees.scrollTop=templayer.offsetHeight - marqueesHeight+1;
  }
 }
-->
</script>