x2.5diy论坛公告滚动模块

zxy280 发表于 2012-12-9 20:19
这个我用了。
我希望能压缩代码啊……

这个只能你自己压缩啦~我不太懂javascript，代码不知道怎么精简了。CSS的话估计没啥空间了。

我就是精简了你的css的代码。
www.ceczyz.com

zxy280 发表于 2012-12-10 23:29
我就是精简了你的css的代码。
www.ceczyz.com

哈哈，发上来看看吧，学习学习~

1. <style type="text/css">
   
2. 
   
3. .shadowcon { width:100%; height:25px; margin:6px 5px 6px 10px; overflow:hidden;}
   
4. #rollBox{ height:25px; width:100%; overflow:hidden;list-style:none; margin:0; padding:0; position:relative; padding-left:5px; margin:50px auto; background:#FFf; cursor:pointer;}
   
5. .shadowcon li { list-style:none; line-height:25px; text-align:left;}
   
6. </style>
   
7.         <div class="shadowcon">
   
8. 
   
9.     <ul id="rollBox" style="margin:5px 0 0 0;" name="rollBox">
   
10.     [loop]
    
11.     <li> <img alt="公告" src="http://www.ceczyz.com/images/web/index/gb.gif" width="15px" height="15px"><strong>网站公告：</strong><a href="{url}" title="{title}"{target}>{title}（{starttime}）</a></li>
    
12.     [/loop]
    
13.     </ul>
    
14. </div>
    
15.    <script type="text/javascript">
    
16. var rollText={
    
17.         go:null,
    
18.         oParentUl:null,
    
19.         oUlH:null,
    
20.         liArr:null,
    
21.         childNode:null,
    
22.         timeout:null,
    
23.         run:function(id,delay){
    
24.                 var oLiFirst=this.liArr[0];
    
25.                 var liMarTop = oLiFirst.style.marginTop;
    
26.                 var liTopNum=parseInt(liMarTop);
    
27.                 var c = Math.abs(liTopNum);
    
28.                 if(c< parseInt(this.oUlH)){
    
29.                         c++;
    
30.                         oLiFirst.style.marginTop ='-' + c + 'px';
    
31.                 }else if(Math.abs(liTopNum)== parseInt(this.oUlH)){
    
32.                         clearInterval(this.go);
    
33.                         this.oParentUl.removeChild(oLiFirst);
    
34.                         this.oParentUl.appendChild(oLiFirst);
    
35.                         this.liArr[this.liArr.length-1].style.marginTop='0px';
    
36.                         this.timeout=setTimeout(function(obj,id,childtags,delay){return function(){obj.start(id,childtags,delay);};}(this,id,this.childNode,delay),delay);
    
37.                 }
    
38.                
    
39.         },
    
40.         start:function(id,childtags,delay){
    
41.                
    
42.                 this.childNode=childtags;
    
43.                 this.oParentUl=document.getElementById(id);
    
44.                 this.oUlH=this.oParentUl.currentStyle?this.oParentUl.currentStyle['height']:window.getComputedStyle(this.oParentUl,null)['height'];
    
45.                 this.liArr=this.oParentUl.getElementsByTagName(childtags);
    
46.                 for(var i=0;i<this.liArr.length;i++){
    
47.                         this.liArr[i].style.cssText +=';margin-top:0;height:'+this.oUlH+';line-height:'+this.oUlH+';display:block; width:100%;';
    
48.                         
    
49.                 }
    
50.                 this.go =setInterval(
    
51.                          function(obj,id,delay){
    
52.                         return function(){obj.run(id,delay)}
    
53.                 }(this,id,delay),10);
    
54.                 this.oParentUl.onmouseover=function(obj){return function(){clearTimeout(obj.timeout);clearTimeout(obj.go);};}(this);
    
55.                 this.oParentUl.onmouseout=function(obj){return function(){obj.go =setInterval(function(obj,id,delay){return function(){obj.run(id,delay)};}(obj,id,delay),10);};}(this);
    
56.                
    
57.         }
    
58. }
    
59. rollText.start('rollBox','li',3000);
    
60. function clone(){};
    
61. clone.prototype= rollText;
    
62. </script>

复制代码

这是效果图
演示：www.ceczyz.com
代码在上面

还不错.```可以试试去

很好的代码

后面加了几个英文单词，不知道如何取消。青海教育网www.qhjiaoyu.net 需要您前来指导，谢谢。

非常感谢 很强大{:soso__16649109216628504391_5:}

www.madhex.com

为什么我用了后，短的标题后面有{starttime}标签？

这个不错，来学习下