注册 登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

MOMO的成长

快乐多一点,笑容多一点,幸福多一点。。。

 
 
 

日志

 
 

无间断图片循环滚动效果  

2008-08-13 12:40:50|  分类: 网络HAPPY |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
<HTML><HEAD><TITLE>无间断滚动原理</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
</HEAD>
<BODY>
<div id="tbmq">
  <table width="300" border="1" align="left" bgcolor="#00CCFF">
    <tr>
      <td height="30"> </td>
      <td>1</td>
      <td> </td>
    </tr>
    <tr>
      <td height="30"> </td>
      <td>2</td>
      <td> </td>
    </tr>
    <tr>
      <td height="30"> </td>
      <td>3</td>
      <td> </td>
    </tr>
    <tr>
      <td height="30"> </td>
      <td>4</td>
      <td> </td>
    </tr>
    <tr>
      <td height="30"> </td>
      <td>5</td>
      <td> </td>
    </tr>
  </table>
</div>
<script>
function MqObj(obj,width,height,speed,direct){
 obj.contWidth=obj.offsetWidth;// offsetWidth
 obj.stopscroll=false;
 obj.nowscroll=0;
 with(obj){
  scrollLeft=0;//
  innerHTML+=innerHTML;
  style.width=width;
  style.height=height;
  style.overflowX="hidden";//
  style.overflowY="visible";//
  noWrap=true;
  onmouseover=function(){stopscroll=true};
  onmouseout=function(){stopscroll=false};
 }
 eval("setInterval('doScroll("+obj.id+")',"+speed+")");
}
function doScroll(obj){
 if(obj.stopscroll==true) return;
 if(obj.nowscroll<obj.contWidth){ //
 obj.scrollLeft=obj.nowscroll++;//scrollLeft
 }else{
 obj.scrollLeft=0;//scrollLeft
 obj.nowscroll=0;
 }
}
window.onload=function(){
 MqObj(tbmq,"250","200","10")
 MqObj(tbmq2,"270","200","50")
}
</script>
<div id="tbmq2">
  <table width="300" border="1" align="left" bgcolor="#00CCFF">
    <tr>
      <td height="30"> </td>
      <td>1</td>
      <td> </td>
    </tr>
    <tr>
      <td height="30"> </td>
      <td>2</td>
      <td> </td>
    </tr>
    <tr>
      <td height="30"> </td>
      <td>3</td>
      <td> </td>
    </tr>
    <tr>
      <td height="30"> </td>
      <td>4</td>
      <td> </td>
    </tr>
    <tr>
      <td height="30"> </td>
      <td>5</td>
      <td> </td>
    </tr>
  </table>
</div>
</BODY></HTML>
  评论这张
 
阅读(68)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->