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

文字不间断滚动效果

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>文字不间断滚动</title>
<STYLE>BODY {
FONT-SIZE
: 12px}
TABLE 
{
FONT-SIZE
: 12px}
TD 
{
FONT-SIZE
: 12px}
</STYLE>
</head>

<body>
<table width="543" height="25" border="0" cellpadding="0" cellspacing="0">
  
<tr> 
    
<td valign="bottom" bgcolor="#FFFFFF" width="543"> <div style="width:543px;height:21px;overflow:hidden" onMouseOver="stop()" onMouseOut="start()"> 
        
<table width="543" border="0" cellspacing="0" cellpadding="0" id="scrollimg" height="21">
          
<tr> 
            
<td id="simg"> <TABLE width="543" border="0" cellspacing="0" cellpadding="0" height="21">
                
<tr> 
                  
<td nowrap> <FONT color=#FF6C02>·</FONT><A href="1.html" >1Java专业认证/培训专题 思科专业认证攻略</A> 
                    
<FONT color=#FF6C02>·</FONT><A href="2.html" >2Java专业认证/培训专题 思科专业认证攻略</A> <FONT color=#FF6C02>·</FONT><A href="3.html" >3Java专业认证/培训专题 思科专业认证攻略</A> 
                  
</td>
                
</tr>
              
</TABLE></td>
            
<td id="simg1"></td>
          
</tr>
        
</table>
      
</div>
      
<SCRIPT LANGUAGE="JavaScript">
var tm=null
function newsScroll() {
if(scrollimg.parentNode.scrollLeft!=(scrollimg.clientWidth/2))
scrollimg.parentNode.scrollLeft
++;
else
scrollimg.parentNode.scrollLeft
=0
}
function window.onload() {
simg1.innerHTML
=simg.innerHTML
tm
=setInterval('newsScroll()',20) 
}
function stop()
{
clearInterval(tm)
}

function start()
{
tm
=setInterval('newsScroll()',20) 
}
</SCRIPT> </td>
  
</tr>
</table>
</body>
</html>
posted @ 2006-11-10 15:39  老冯  阅读(1019)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2026
浙公网安备 33010602011771号 浙ICP备2021040463号-3