Discuz X1.5会员头像不间断滚动

dly · 发表于 2011-10-24 16:38:33

简介: 会员头像不间断滚动效果, 完美支持名片显示功能和会员实名显示。
实现方法：
后台>>门户>>模块模版>>添加会员模块>>附件类模块，取名称"会员头像滚动"
粘贴以下代码：

<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}" c="1"{target}><img src="{avatar_big}" 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=70//
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>

复制代码

前台DIY设置：
前台DIY设置：
拉一个100%框架，选会员模块，，数据来源选图片附件，下面显示样式选下拉菜单里刚才的"会员头像滚动"。
图片宽度, 高度, 显示条数, 时间等根据自己要求设置。

如要显示会员实名:
粘贴以下代码：

<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}" c="1"{target}><img src="{avatar_big}" width="{picwidth}" height="{picheight}" alt="{title}" /></a>
<p><a href="{url}" title="{title}"{target}>{realname}</a></p>
</li></td>
[/loop]
</ul>
</tr>
</table>
</td>
<td id="colee_left2" valign="top"></td>
</tr>
</table>
</div>
<script>
var speed=70//
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>

复制代码

[代码修改] Discuz X1.5会员头像不间断滚动