发一个v9真正可用的首页图片无缝隙滚动代码
左滚动<div class="box"><div id="jsweb8_cn_right" style="overflow:hidden;width:740px;">
<table cellpadding="0" cellspacing="0" border="0">
<tr><td id="jsweb8_cn_right1" valign="top" align="center">
<table cellpadding="4" cellspacing="0" border="0">
{pc:content action="position" posid="12" thumb="1" order="listorder DESC" num="10"}
<tr align="center">
{loop $data $r}
<td><div class="img-wrap">
<a href="{$r}" title="{$r}"><img src="{thumb($r,180,160)}" title="{$r}"/></a>
</div>
<a href="{$r}" title="{$r}">{str_cut($r,20)}</a></td>
{/loop}
</tr>
{/pc}
</table>
</td>
<td id="jsweb8_cn_right2" valign="top"></td>
</tr>
</table>
</div>
<script>
var speed=10
jsweb8_cn_right2.innerHTML=jsweb8_cn_right1.innerHTML;
function Marquee4(){
if(jsweb8_cn_right2.offsetWidth-jsweb8_cn_right.scrollLeft<=0)
jsweb8_cn_right.scrollLeft-=jsweb8_cn_right2.offsetWidth;
else{
jsweb8_cn_right.scrollLeft++;
}
}
var MyMar4=setInterval(Marquee4,speed);
jsweb8_cn_right.onmouseover=function() {clearInterval(MyMar4);}
jsweb8_cn_right.onmouseout=function() {MyMar4=setInterval(Marquee4,speed);}
</script>
</div>=====================
右滚动<div class="box">
<div id="jsweb8_cn_right" style="overflow:hidden;width:740px;">
<table cellpadding="0" cellspacing="0" border="0">
<tr><td id="jsweb8_cn_right1" valign="top" align="center">
<table cellpadding="2" cellspacing="0" border="0">
{pc:content action="position" posid="12" thumb="1" order="listorder DESC" num="10"}
<tr align="center">
{loop $data $r}
<td><div class="img-wrap">
<a href="{$r}" title="{$r}"><img src="{thumb($r,180,160)}" title="{$r}"/></a>
</div>
<a href="{$r}" title="{$r}">{str_cut($r,20)}</a></td>
{/loop}
</tr>
{/pc}
</table>
</td>
<td id="jsweb8_cn_right2" valign="top"></td>
</tr>
</table>
</div>
<script>
var speed=10
jsweb8_cn_right2.innerHTML=jsweb8_cn_right1.innerHTML;
function Marquee4(){
if(jsweb8_cn_right.scrollLeft<=0)
jsweb8_cn_right.scrollLeft+=jsweb8_cn_right2.offsetWidth;
else{
jsweb8_cn_right.scrollLeft--;
}
}
var MyMar4=setInterval(Marquee4,speed);
jsweb8_cn_right.onmouseover=function() {clearInterval(MyMar4);}
jsweb8_cn_right.onmouseout=function() {MyMar4=setInterval(Marquee4,speed);}
</script>
</div>希望对你们有帮助
原贴地址：
http://bbs.phpcms.cn/forum.php?mod=viewthread&tid=730824 向左滚动修改版：
<style>
.piclist{
width:690px;//盒子总宽度
clear:both;
margin-left:0px;
display:inline-block;
text-align:left;
overflow:hidden;
}
</style>
<div id="demo" class="piclist">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td id="demo1" valign="top" align="center"><table cellpadding="0" cellspacing="15" border="0">
<tr align="center"> {pc:content action="lists" catid="8" order="listorder ASC" thumb="1" num="5"}
{loop $data $k $r}
<td><a href="{$r}" title="{$r}" target="_blank"><img src="{thumb($r,215,135)}"/></a>
<p><a href="{$r}" title="{$r}" target="_blank">{$r}</a></p></td>
{/loop}
{/pc} </tr>
</table></td>
<td id="demo2" valign="top"></td>
</tr>
</table>
<script>
var speed=25 //数值越大速度越慢
demo2.innerHTML=demo1.innerHTML;
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo2.offsetWidth;
else{
demo.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
demo.onmouseover=function() {clearInterval(MyMar);}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed);}
</script>
</div>
备注：更改滚动方式，请修改相应未知的代码 倒数第7行
demo.scrollLeft++ 向左滚动
demo.scrollLeft-- 向右滚动
demo.scrolltop++ 向上滚动
demo.scrolltop-- 向下滚动
页:
[1]