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

js无缝滚动

Code
<table width="750" border="0" align="center" cellpadding="0" cellspacing="0">
  
<tr> 
    
<td>


<DIV id=demo style="OVERFLOW: hidden; WIDTH: 750px; HEIGHT: 150px"> 
        
<TABLE border=0 align=left cellPadding=0 bgcolor="#FFFFFF" cellspace="0">
          
<TBODY>
            
<TR> 
              
<TD id=demo1 vAlign=top width=1335> <TABLE 
                  
border=0 align=center cellPadding=3 cellSpacing=1 bgcolor="#999999">
                  
<TBODY>
                        
<TR vAlign=top bgcolor="#FFFFFF"> 
                        
<TD align=middle> <TABLE cellSpacing=0 cellPadding=0 border=0><TBODY><TR>
                        
<TD align=middle><p><a 

href=http://www.enet.com.cn/eschool/includes/zhuanti/desk/2/17909/List1.shtml target=_blank><img 

src=/eschool/includes/zhuanti/desk/2/17909/Img4282_1.jpg alt=国家地理杂志官方壁纸1 width=130 height=98 border=0></a></p></TD>
                        
</TR></TBODY></TABLE></TD>
                        
</TR>
                    
</TBODY>
                
</TABLE></TD>
              
<TD id=demo2 vAlign=top 
            
width=19>&nbsp;</TD>
            
</TR>
          
</TBODY>
        
</TABLE>
<SCRIPT>
var speed=15
demo2.innerHTML
=demo1.innerHTML
function Marquee1(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft
-=demo1.offsetWidth
else{
demo.scrollLeft
++
}
}
var MyMar1=setInterval(Marquee1,speed)
demo.onmouseover
=function() {clearInterval(MyMar1)}
demo.onmouseout
=function() {MyMar1=setInterval(Marquee1,speed)}
</SCRIPT>
        
<br>
      
</DIV>

</td>
  
</tr>
</table>


向上滚:


<SCRIPT language="javascript">
var speed=40;
demo2.innerHTML
=demo1.innerHTML;
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0){
demo.scrollTop
-=demo1.offsetHeight;
}
else{
demo.scrollTop
++;
}
}
var MyMar=setInterval(Marquee,speed);
demo.onmouseover
=function() {clearInterval(MyMar)};
demo.onmouseout
=function() {MyMar=setInterval(Marquee,speed)};
          
</SCRIPT>

在网上见过一个向左滚动,在ff里也可以滚,加在iframe里

posted @ 2008-12-20 11:47  Dannis wu  阅读(394)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3