洛阳网络公司,洛阳网站建设,洛阳网页设计,洛阳网站设计,洛阳网站优化,洛阳建站,洛阳网站制作,洛阳做网站,洛阳建网站,洛阳百度推广
加入收藏高级搜索手机版
  • [2018-05-02]郑州搬家公司就选郑州远大搬家!
  • [2018-04-25]北京月嫂有限公司上线了
  • [2018-04-11]减振器有限公司上线了
  • [2018-04-11]洛阳轩格格力空调售后维修 上线了
  • [2018-04-11]洛阳新程威门窗有限公司上线了
  • [2017-07-26]【团膳品牌】恒美客(北京)餐饮管理有限公司 网站上线!
  • [2015-08-01]国际网络商品线下交易博览会
  • [2015-05-19]河南省巩义市宇泰净水材料有限公司 网站优化
  • [2015-05-11]北京大勺哥半成品净菜
  • [2015-03-31]洛阳市福农农业生产资料有限公司
  • ------专业网站设计制作、网站排名优化、建设一流品牌!
    新闻正文 ·您的位置:首页 > 新闻中心 > 技术中心 > 正文

    非常适合5uCMS的隔行换色代码

    来源:洛阳网络公司  发表时间:2014-04-15  点击次数:

    1、列表页模板调用代码

    ASP/Visual Basic Code复制内容到剪贴板
    <div id="listbox1">   
    <!--page:{$size=8}-->   
    <div id="class_list">   
    <div class="title"><span>[page:createtime $format=yy-mm-dd]</span><a href="[page:aurl]">[page:titlex $len=48]</a></div>   
    <p><a href="[page:aurl]">[page:description $len=350 $lenext=...]</a></p>   
    </div>   
      
    <!--page-->   
    <div  id="fpage">{tag:page}</div>   
    </div>  
     

    2、在列表页模板底部或者是</head>之前放入以下代码

    JavaScript Code复制内容到剪贴板
    <script type="text/javascript">   
    <!--   
    var Ptr=document.getElementById("listbox1").getElementsByTagName("p");   
    function $() {   
          for (i=1;i<Ptr.length+1;i++) {    
          Ptr[i-1].className = (i%2>0)?"t1":"t2";    
          }   
    }   
    window.onload=$;   
    for(var i=0;i<Ptr.length;i++) {   
          Ptr[i].onmouseover=function(){   
          this.tmpClass=this.className;   
          this.className = "t3";       
          };   
          Ptr[i].onmouseout=function(){   
          this.className=this.tmpClass;   
          };   
    }   
    //-->   
    </script>  
     

    3、给出需要用到的关键几处CSS代码,完整结合自己的网站风格还需您自行调试~~

    CSS Code复制内容到剪贴板
    #class_list p   
    {   
        font-size: 12px;   
        line-height: 25px;   
        text-indent: 2em;   
        color: #333333;   
        margin-top: 5px;   
    }   
    .t1   
    {   
        background-color: #EFFEDD;   
    }   
    .t2   
    {   
        background-color: #FFFFFF;   
    }      
    .t3   
    {   
        background-color: #D2FCA0;   
    }  
     

    与【非常适合5uCMS的隔行换色代码】相关文章:

    您的需求

    联系我们

    正确的选择

    洛阳网站优化 洛阳网站推广

    非常适合5uCMS的隔行换色代码 - 洛阳技术中心专题网站 - 洛阳网络公司