官方门户滚动报道设置方法

呵呵，先AD下：朔州之窗  http://www.shuozhouzc.com
下面是方法：
第一步：首页需要一个3:1的框架
如图：

第二步：在3:1框架内套一个1:1框架，如图：

第三步，添加展示模块到1:1框架

添加自定义html代码：

代码如下：

1. <div id="portal_block_377" class="block move-span"><div id="portal_block_377_content" class="content"><div class="portal_block_summary"><style type="text/css" media="all">
   
2. #portal_block_285_content { padding-top: 15px; padding-bottom: 15px; }
   
3. .scroll{
   
4. height:20px;
   
5. overflow:hidden;
   
6. font-size:12px;
   
7. line-height:20px;
   
8. width:250px;
   
9. text-align:left;
   
10. background-color:#F4F9FF;
    
11. }
    
12. .scroll1{
    
13. height:20px;
    
14. overflow:hidden;
    
15. font-size:12px;
    
16. line-height:20px;
    
17. width:60px;
    
18. text-align:left;
    
19. background-color:#F4F9FF;
    
20. float:left
    
21. }
    
22. 
    
23. </style>
    
24. <script language="javascript" type="text/javascript">
    
25. var s,sn=0,timer,slen,timer2;
    
26. function scrollInit(){       
    
27.         s=getid("s1");
    
28.         s.scrollTop=0;
    
29.         slen=s.innerHTML.split("|");
    
30.         s.innerHTML="";
    
31.         for(var i=0;i<slen.length;i++){s.innerHTML+=(slen[i]+"<br />");}
    
32.         s.innerHTML+=slen[0];
    
33.         timer2=setInterval(scrollstart,3000);
    
34.         s.onmouseover=function(){clearInterval(timer2);clearInterval(timer);s.style.backgroundColor="#ccc";}
    
35.         s.onmouseout=function(){timer2=setInterval(scrollstart,3000);s.style.backgroundColor="#fff";}
    
36. }
    
37. function scrollstart(){
    
38.         if(s.scrollTop>=(slen.length*20)){s.scrollTop=0;}
    
39.         timer=setInterval(scrollexec,30);       
    
40.         }
    
41. function scrollexec(){
    
42.         if(sn<20){
    
43.                 sn++;
    
44.                 s.scrollTop++;
    
45.                 }else{
    
46.                         sn=0;
    
47.                         clearInterval(timer);
    
48.                         }               
    
49.         }
    
50. function getid(id){return document.getElementById(id);}
    
51. window.onload=scrollInit;
    
52. </script>
    
53. 
    
54. <div class="scroll1">滚动报道：</div><div id="s1" class="scroll"><a href="https://discuz.dismall.com/thread-1556209-1-1.html">北京教育在线推出成长家园学生社交网络</a> |<a href="https://discuz.dismall.com/thread-1477864-1-1.html">新增主题鉴定功能细节调整直接显示评分  理由</a>|<a href="https://discuz.dismall.com/thread-1479508-1-1.html">主  题可任意版块置顶媒体附件可直接进行播放</a></div></div></div></div>

复制代码

做到现在基本完成但是保存后发现滚动报道偏右，然后在添加的模块上选择样式，设置如图：

搞定，效果出来了。。看图：

可以
支持

这个要支持哇(EM:148:)

顶

顶

滚动报道不是自动调用数据的？？
楼主验证不了每次都要DIY一下？

真是好人，支持

回复 1# 【老田】 的帖子

1. <div class="module cl">
   
2. 滚动新闻:<MARQUEE  scrollAmount=1 scrollDelay=60 direction=up width=230 height=20>
   
3. <ul>
   
4. [loop]
   
5. <li><a href="{url}"{target}>{title}</a></li>
   
6. [/loop]
   
7. </ul>
   
8. </MARQUEE>
   
9. </div>

复制代码

这效果怎么样了  宽度自己调   


到后台-门户-新建样式-帖子类-名称可写滚动新闻 -加入这代码OK

    直接DIY就可看到滚动新闻样式
    https://discuz.dismall.com/thread-1701748-1-1.html

可以
支持