记录调用(上下滚动版)For Discuz!X 1.5更新兼容IE6，火狐

实际效果预览：
http://www.sinew.tk/home.php
效果截图：

1.  进入任意页面 比如论坛首页 点击DIY

2.  在需要的地方添加一个模块 空间类 > 记录模块
     里面的设置项就不赘述了 按你的需求设置下
     点击确定 样式那里也设置下 再确定

3.  鼠标移到你刚添加的模块那 弹出"编辑" 点击它 然后选择属性 > 模块模板
     把原来里面的代码替换成以下代码即可

1. <div class="module cl xld">
   
2. <div id=colee style="overflow:hidden; height:200px;">
   
3. <!--colee 高度必须小于图片总高度 否则就不会显示滚动效果-->
   
4. <div id=colee1>
   
5. [loop]
   
6. <dl class="cl">
   
7. <dd class="m"><a href="home.php?mod=space&uid={uid}" c="1"{target}><img src="{avatar}" width="48" height="48" alt="{username}" /></a></dd>
   
8. <dt><a href="home.php?mod=space&uid={uid}" title="{username}"{target}>{username}</a> <em class="xg1 xw0">{dateline}</em></dt>
   
9. <dd><a href="{url}"{target}>{title}</a></dd>
   
10. </dl>
    
11. [/loop]
    
12. 
    
13. <!--上下滚动 如果左右滚动 必须放在表格里布局才行-->
    
14. </div>
    
15. <div id=colee2></div>
    
16. </div>
    
17. <script>
    
18. var speed=30;
    
19. var colee2=document.getElementById("colee2");
    
20. var colee1=document.getElementById("colee1");
    
21. var colee=document.getElementById("colee");
    
22. colee2.innerHTML=colee1.innerHTML; //克隆colee1为colee2
    
23. function Marquee1(){
    
24. //当滚动至colee1与colee2交界时
    
25. if(colee2.offsetTop-colee.scrollTop<=0){
    
26. colee.scrollTop-=colee1.offsetHeight; //colee跳到最顶端
    
27. }else{
    
28. colee.scrollTop++
    
29. }
    
30. }
    
31. var MyMar1=setInterval(Marquee1,speed)//设置定时器
    
32. //鼠标移上时清除定时器达到滚动停止的目的
    
33. colee.onmouseover=function() {clearInterval(MyMar1)}
    
34. //鼠标移开时重设定时器
    
35. colee.onmouseout=function(){MyMar1=setInterval(Marquee1,speed)}
    
36. </script>
    
37. </body></div>

复制代码

学习了

前排支持，推广我的www.yuyushe.com

不错不错哦        

我学习了！

{:soso_e134:}有bug 鼠标经过滑动几次就不会停下来 一直滚动

◇__Justy 发表于 2011-7-20 16:40
有bug 鼠标经过滑动几次就不会停下来 一直滚动

是不是哪个地主弄错了，我测试下没问题咯！
http://www.sinyou.tk

很给力的啊  谢谢啦