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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[修改] 纯DIY -- 【图片整体横向滚动 带左右方向键 for X1.5正式版】[又增加连续滚动]

  [复制链接]
Bye2012 发表于 2010-11-12 17:13:58 | 显示全部楼层
回复

使用道具 举报

毛小病 发表于 2010-11-12 17:50:27 | 显示全部楼层
路过帮你顶下               
回复

使用道具 举报

yingzhy 发表于 2010-11-12 22:36:09 | 显示全部楼层
好帖,学习了!
回复

使用道具 举报

cndomain 发表于 2010-11-18 08:43:40 | 显示全部楼层
谢谢楼主分享!!!!
回复

使用道具 举报

洞洞妖 发表于 2010-11-18 12:16:10 | 显示全部楼层
我是X1.5的UTF8的,按照第二种方法,成功了!www.0531che.net
<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="{threadurl}"{target}><img src="{pic}" width="{picwidth}" height="{picheight}" alt="{title}" /></a>
</TD></TR>
<TR>
<TD class=nav1 align=middle ><A
class=apm2
href="{threadurl}" title="{threadsubject}"{target}>{threadsubject}</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=1//循环周期(毫秒)数大为慢
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>
回复

使用道具 举报

wind34012614 发表于 2010-11-18 12:18:49 | 显示全部楼层
回复

使用道具 举报

worromot 发表于 2010-11-18 15:33:02 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

zg-chen 发表于 2010-11-18 15:39:01 | 显示全部楼层
真好。。谢谢!!!
回复

使用道具 举报

efoversky 发表于 2010-11-18 17:00:41 | 显示全部楼层
按楼主的方法设置好了,非常感谢!
回复

使用道具 举报

diaopan1987 发表于 2010-11-19 17:00:33 | 显示全部楼层
请问下,我用这个但是图片不循还滚动。我设置的是10张图片,它10张图滚完就不动了。
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-16 13:52 , Processed in 0.076937 second(s), 3 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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