<FONT size=2><div id="colee_left" style="overflow:hidden;width:100%;" class="module cl ml">
<table cellpadding="0" cellspacing="0" border="0">
<tr><td id="colee_left1" valign="top" align="center">
<table cellpadding="2" cellspacing="0" border="0">
<tr align="center">
<ul>
[loop]
<td>
<li style="width: {picwidth}px;">
<a href="{url}"{target}><img src="{pic}" width="{picwidth}" height="{picheight}" alt="{title}" /></a>
<p><a href="{url}" title="{title}"{target}>{title}</a></p>
</li></td>
[/loop]
</ul>
</tr>
</table>
</td>
<td id="colee_left2" valign="top"></td>
</tr>
</table>
</div>
<script>
var speed=30//速度数值越大速度越慢
var colee_left2=document.getElementById("colee_left2");
var colee_left1=document.getElementById("colee_left1");
var colee_left=document.getElementById("colee_left");
colee_left2.innerHTML=colee_left1.innerHTML
function Marquee3(){
if(colee_left2.offsetWidth-colee_left.scrollLeft<=0)
colee_left.scrollLeft-=colee_left1.offsetWidth
else{
colee_left.scrollLeft++
}
}
var MyMar3=setInterval(Marquee3,speed)
colee_left.onmouseover=function() {clearInterval(MyMar3)}
colee_left.onmouseout=function() {MyMar3=setInterval(Marquee3,speed)}
</script></FONT>
如何使用--------后台---门户---模块模板---添加----文章/帖子/日志, 选择其中之一(彼岸网因为只开了博客----可以选择日志模块或图片模块, 前者是博客文章的图片, 后者是相册的图片
但是一个网页里面不能同时含有两个上述的滚动模块。
仔细地看, 大家会发现
北美生活网的首页 却有两个滚动的图片模块, 其实一个是我使用上面的css模块实现的, 另一个则是用
jQueryy来实现的。后者比较复杂涉及修改原代码, 而且效果不咋样(没有标题), 是我第一次测试使用, 就不赘言了