无间断图片循环滚动效果

字体大小: 小中大

无间断图片循环滚动效果

HTML代码

<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>
<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>
<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>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

文章来自：本站原创
文章作者： admin
生产日期： 2009-03-04
本文标签：宜春学院社区开张
流行热度：超过 1444 人阅读
引用通告：查看所有引用 | 我要引用此文章
相关文章：

各位正在潜水的同学请注意，有 0 位无聊人士在附近海域出没！ | 站外引用： 0

发表评论

昵　称:
密　码:	游客发言不需要密码.
邮　箱:	支持Gravatar头像. 如何使用？
网　址:	输入网址便于回访.
内　容:	正在加载编辑器...
验证码:	点击获取验证码
选　项:	禁止表情转换禁止自动转换链接禁止自动转换关键字记住我的信息,以便下次评论时不用输入用户名.

虽然发表评论不用注册，但是为了保护您的发言权，建议您注册帐号. 字数限制 1000 字 \| UBB代码开启 \| [img]标签关闭

无间断图片循环滚动效果

新品推荐
New Products

用户中心
User Center

最新文章
New Posts

值得推荐一下
Recommend Products

随便找点东西来看看
Most Read Posts

伟大的赞助商
Sponsor

精品文章
Elite Posts

某人华丽地飘过的同时说
Recent Comment

最新留言
GuestBookSubItem1

无间断图片循环滚动效果

新品推荐New Products

用户中心User Center

最新文章New Posts

值得推荐一下Recommend Products

随便找点东西来看看Most Read Posts

伟大的赞助商Sponsor

精品文章Elite Posts

某人华丽地飘过的同时说Recent Comment

最新留言GuestBookSubItem1

新品推荐
New Products

用户中心
User Center

最新文章
New Posts

值得推荐一下
Recommend Products

随便找点东西来看看
Most Read Posts

伟大的赞助商
Sponsor

精品文章
Elite Posts

某人华丽地飘过的同时说
Recent Comment

最新留言
GuestBookSubItem1