婷姐 发表于 2021-9-12 19:22:25

代码修改求助

<style type="text/css">
.effshadow
{
position: relative;
}
.effshadow:after
{
z-index: -1;
position: absolute;
content: "";
top: 15px;
left: 8px;
right: auto;
width: 50%;
height: 10%;
bottom: 80%;
max-width: 300px;
background: #777;
-webkit-box-shadow: 0 15px 10px #777;
-moz-box-shadow: 0 15px 10px #777;
box-shadow: 0 15px 10px #777;
-webkit-transform: rotate(183deg);
-moz-transform: rotate(183deg);
-o-transform: rotate(183deg);
-ms-transform: rotate(183deg);
transform: rotate(183deg);
}
.effbox h1{
      text-align:left;
      height:25px;
      line-height:25px;
      position:relative;
      top:0px;
      color:#009ad9;
      font:20px/1.5 Tahoma,'Microsoft Yahei','Simsun';
      float:left;
         margin:0px;
}
.effbox h3{
      text-align:center;
      position:relative;
      font:12px/1.5 Tahoma,'Microsoft Yahei','Simsun';
         margin:0px;
         height:30px;
}
.effbox {
      width:319px;
      height:37px;
      background:#FFF;
}
.shadowcon { width:100%; height:25px; margin:6px 5px 6px 10px; overflow:hidden;}
#rollBox{ height:25px; width:255px; overflow:hidden;list-style:none; margin:0; padding:0; position:relative; padding-left:5px; margin:50px auto; background:#FFf; cursor:pointer;}
.shadowcon li { list-style:none; line-height:25px; text-align:left;}
</style>
<div class="effbox">
<div class="effbox effshadow">
      <div class="shadowcon">
      <h3>
    <ul style="margin:5px 0 0 0;" id="rollBox">
   
    <li><a href="{url}" title="{title}"{target}>{title}({starttime})</a></li>
   
    </ul>
    </h3></div></div></div>
   <script type="text/javascript">
var rollText={
      go:null,
      oParentUl:null,
      oUlH:null,
      liArr:null,
      childNode:null,
      timeout:null,
      run:function(id,delay){
                var oLiFirst=this.liArr;
                var liMarTop = oLiFirst.style.marginTop;
                var liTopNum=parseInt(liMarTop);
                var c = Math.abs(liTopNum);
                if(c< parseInt(this.oUlH)){
                        c++;
                        oLiFirst.style.marginTop ='-' + c + 'px';
                }else if(Math.abs(liTopNum)== parseInt(this.oUlH)){
                        clearInterval(this.go);
                        this.oParentUl.removeChild(oLiFirst);
                        this.oParentUl.appendChild(oLiFirst);
                        this.liArr.style.marginTop='0px';
                        this.timeout=setTimeout(function(obj,id,childtags,delay){return function(){obj.start(id,childtags,delay);};}(this,id,this.childNode,delay),delay);
                }

      },
      start:function(id,childtags,delay){

                this.childNode=childtags;
                this.oParentUl=document.getElementById(id);
                this.oUlH=this.oParentUl.currentStyle?this.oParentUl.currentStyle['height']:window.getComputedStyle(this.oParentUl,null)['height'];
                this.liArr=this.oParentUl.getElementsByTagName(childtags);
                for(var i=0;i<this.liArr.length;i++){
                        this.liArr<i>.style.cssText +=';margin-top:0;height:'+this.oUlH+';line-height:'+this.oUlH+';display:block; width:100%;';

                }
                this.go =setInterval(
                         function(obj,id,delay){
                        return function(){obj.run(id,delay)}
                }(this,id,delay),100);
                this.oParentUl.onmouseover=function(obj){return function(){clearTimeout(obj.timeout);clearTimeout(obj.go);};}(this);
                this.oParentUl.onmouseout=function(obj){return function(){obj.go =setInterval(function(obj,id,delay){return function(){obj.run(id,delay)};}(obj,id,delay),100);};}(this);

      }
}
rollText.start('rollBox','li',3000);
function clone(){};
clone.prototype= rollText;
</script>



请问各位大神,这段代码如何修改才能让他最多能显示出5行数据,现在只能显示1行,应该调一下哪些数字大小?

小白一个,不懂代码,求大神帮忙修改一下吧
页: [1]
查看完整版本: 代码修改求助

创宇盾启航版免费网站防御网站加速服务