Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[求助] diy横排图片滚动效果

[复制链接]
等待ゃ審判 发表于 2012-8-1 09:46:45 | 显示全部楼层 |阅读模式
问题描述
适用版本: Discuz! X2.5
浏览器: IE8 
使用模板: 其他模板(请在回帖中说明模板的名称或者是模板的下载地址)
BUG地址: http://www.0551life.com/home/
本帖最后由 等待ゃ審判 于 2012-8-1 09:48 编辑

效果图:

这行图片我已经用DIY编写了代码了,可以左右随意横向滚动了,可是它向左滚动一段时间后就停下来了,向右确是无限循环的
这太不协调了啊~!估计是代码什么地方有点小问题。。。。下面是代码,求解啊~!!

<div class="module cl">
<table border="0" width="960" cellspacing="5" cellpadding="0">
<tr>
<td width="11"><img id="r_l"src="static/image/common/panpanluo_button_l.gif">
</td>
<td>
<TABLE cellSpacing=0 cellPadding=0 width=926 border=0>
<TBODY>
<TR>
<TD vAlign=top background="">
<TABLE cellSpacing=0 cellPadding=0 width=926 border=0>
<TBODY>
<TR>
<TD vAlign=center align=middle >
<DIV id=demo style="OVERFLOW: hidden; WIDTH: 926px; COLOR: #ffffff; ">
<TABLE cellPadding=0 width="100%" align=left border=0
cellspace="0">
<TBODY>
<TR>
<TD id=demo1 vAlign=top>
<TABLE cellSpacing=1 cellPadding=1>
<TBODY>
<TR vAlign=top>
<TD vAlign=top noWrap>
<DIV align=right>
<TABLE cellSpacing=0 cellPadding=0 align=center border=0>
<TBODY>
<TR>
[loop]
<TD align=middle>
<TABLE cellSpacing=0 cellPadding=0 width=120
align=center border=0>
<TBODY>
<TR>
<TD align=middle >
<a href="{url}"{target}><img src="{pic}" width="{picwidth}" height="{picheight}" alt="{title}" /></a>
</TD></TR>
<TR>
<TD class=nav1 align=middle ><A
class=apm2
href="{url}" title="{title}"{target}>{title}</A></TD></TR></TBODY></TABLE></TD>
[/loop] </TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></TD>
<TD id=demo2 width="0"></TD>
</TR></TBODY></TABLE></DIV>
<SCRIPT>
var dir=1//每步移动像素,数大为快
var speed=50//循环周期(毫秒)数大为慢
demo2.innerHTML=demo1.innerHTML
function Marquee(){//正常移动
//alert(demo2.offsetWidth+"\n"+demo.scrollLeft)
if (dir>0 && (demo2.offsetWidth-demo.scrollLeft)<=0) demo.scrollLeft=0
if (dir<0 &&(demo.scrollLeft<=0)) demo.scrollLeft=demo2.offsetWidth
demo.scrollLeft+=dir
demo.onmouseover=function() {clearInterval(MyMar)}//暂停移动
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}//继续移动
}
function r_left(){if (dir=-1)dir=1}//换向左移
function r_right(){if (dir=1)dir=-1}//换向右移
var MyMar=setInterval(Marquee,speed)
</SCRIPT>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
</td>
<td width="11"><img id="r_r" src="static/image/common/panpanluo_button_r.gif">
</td>
</tr>
</table></div>


这段代码也是从本网站上找到的,放到我的网站上后,那一行图片是滚动了,可是在向左滚动一段时间后就停止了,能不能让它不要停 的动下去啊

在线等回复啊~!——— SOS ————

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
briskvoice 发表于 2012-8-1 09:52:42 | 显示全部楼层
脚本太乱   
回复

使用道具 举报

 楼主| 等待ゃ審判 发表于 2012-8-1 10:11:08 | 显示全部楼层
briskvoice 发表于 2012-8-1 09:52
脚本太乱

帮帮忙呗~我是码盲,帮我改下,或者你有代码呗?~
回复

使用道具 举报

 楼主| 等待ゃ審判 发表于 2012-8-1 10:24:13 | 显示全部楼层
{:soso_e149:}么有人么~!!哎,搞好几天了。。。来人啊~!!!
回复

使用道具 举报

briskvoice 发表于 2012-8-1 10:30:26 | 显示全部楼层
本帖最后由 briskvoice 于 2012-8-1 10:59 编辑
等待ゃ審判 发表于 2012-8-1 10:11
帮帮忙呗~我是码盲,帮我改下,或者你有代码呗?~

{:soso_e181:}
回复

使用道具 举报

 楼主| 等待ゃ審判 发表于 2012-8-1 10:36:40 | 显示全部楼层
briskvoice 发表于 2012-8-1 10:30

把这两段代码放到后台的DIY模板的地方就可以了么?~
回复

使用道具 举报

itay32003 发表于 2012-8-1 10:54:44 | 显示全部楼层
主要是js的问题,去网上再找个js
回复

使用道具 举报

 楼主| 等待ゃ審判 发表于 2012-8-1 11:09:30 | 显示全部楼层
itay32003 发表于 2012-8-1 10:54
主要是js的问题,去网上再找个js

再找个JS的话,会不会和这个有冲突啊~?到时候不就动不起来了么,谁会啊~直接帮我这改下呗。。。
回复

使用道具 举报

路遥梦 发表于 2012-8-1 13:22:37 | 显示全部楼层
这种设置我就不知道了
回复

使用道具 举报

 楼主| 等待ゃ審判 发表于 2012-8-1 17:45:26 | 显示全部楼层
{:soso_e135:}求救啊~!!!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-4-28 23:24 , Processed in 0.106430 second(s), 18 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表