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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[已解决] 找了一个帖子轮播的风格代码 但是只能播放一轮

[复制链接]
男品馆 发表于 2012-3-15 01:29:55 | 显示全部楼层 |阅读模式
问题描述
适用版本: Discuz! X2
浏览器: 其他(帖子中请注明浏览器) 
使用模板: 官方模板
BUG地址: http://www.cgpainter.com
本帖最后由 男品馆 于 2012-3-15 16:15 编辑

自己动手丰衣足食,此问题已解决:
https://discuz.dismall.com/forum.php?mod=viewthread&tid=2430195

在网上找了一个帖子图片轮播的风格代码,放入后只能播放一轮就固定了,哪位大侠指点下如何不间断轮播。以下是代码:

    <div class="module cl">
    <table align="center" border="0" width="950" cellspacing="0" cellpadding="0">
    <tr>
    <td>
    <TABLE cellSpacing=0 cellPadding=0 width=940 border=0>
    <TBODY>
    <TR>
    <TD vAlign=top background="">
    <TABLE cellSpacing=0 cellPadding=0 width=940 border=0>
    <TBODY>
    <TR>
    <TD vAlign=center align=middle >
    <DIV id=demo style="OVERFLOW: hidden; WIDTH: 950px; 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=1//循环周期(毫秒)数大为慢
    document.getElementById("demo2").innerHTML=document.getElementById("demo1").innerHTML
    function Marquee(){
    //alert(document.getElementById("demo2").offsetWidth+"\n"+document.getElementById("demo").scrollLeft)
    if (dir>0 && (document.getElementById("demo2").offsetWidth-document.getElementById("demo").scrollLeft)<=0) document.getElementById("demo").scrollLeft=0
    if (dir<0 &&(document.getElementById("demo").scrollLeft<=0)) document.getElementById("demo").scrollLeft=document.getElementById("demo2").offsetWidth
    document.getElementById("demo").scrollLeft+=dir
    document.getElementById("demo").onmouseover=function() {clearInterval(MyMar)}
    document.getElementById("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>
    </tr>
    </table></div>

 楼主| 男品馆 发表于 2012-3-15 15:56:35 | 显示全部楼层
自己顶一下吧(::13::)
回复

使用道具 举报

金乡大蒜代理 发表于 2012-6-29 12:11:54 | 显示全部楼层
求代码
可以的话发到909252777@qqq.com邮箱
www.sdjxxinxi.com
回复

使用道具 举报

守护你的磊 发表于 2013-10-13 16:09:25 | 显示全部楼层
同求,先收藏。希望能够帖子页面图片轮播
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-24 13:59 , Processed in 0.035699 second(s), 6 queries , Gzip On, Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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