今天研究DZ的幻灯片制作和JS的效果,发现discuz太强大了,内置了很多JS函数,像做幻灯片就特别的容易,只要添加一个CSS来定义下幻灯片显示的效果,添加个背景图就OK,真的是太强大了。

  今天研究记录的滚动效果,试了很多方法都没实现,不过经常3个多小时的努力,还是完成了文字记录无间缝隙向上移动的效果,自我感觉还不错!特此记录下,同时也把代码分享出来,对来的同学也有所帮助。

<div id="demo" style="overflow:hidden;height:220px;width:200px;">

<div id=demo1>
[loop]
<li><a href="home.php?mod=space&uid={uid}" class="name">{username}</a>:<a href="{url}"{target}>{title}</a></li>   
[/loop]
</div>

<div id=demo2></div>

</div>

<script>
var speed=40
var demo=document.getElementById("demo");
var demo2=document.getElementById("demo2");
var demo1=document.getElementById("demo1");
demo2.innerHTML=demo1.innerHTML
function Marquee(){
    if(demo2.offsetTop-demo.scrollTop<=0)
        demo.scrollTop-=demo1.offsetHeight
    else{
        demo.scrollTop++
    }
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>