无间断滚动的新闻文章列表，兼容IE、Firefox和Opera，符合W3C标准。可作Marquee

   
    

CSS 布局演示 CSS Layout by Forestgan

    2006-11-1 发表
  

   

    
• 三列自适应宽度液态布局│Three Column Liquid Layouts 

    
• Internet Explorer 7 对CSS的兼容--Box Model Changes 

    
• 未知大小的图片在一个已知大小容器中的水平和垂直居中（二） 

    
• 为不同的浏览器载入不同CSS的二种方法CSS Browser Selector 

    
• 用ASP程序模拟实现first-child的功能 

    
• 本地检验网页是否符合标准的几种方法 

    
• Accessibility和General Developer工具 

    
• 未知总宽度的列表菜单水平居中的解决方案 

    
• 为机器人程序准备的robots.txt文件 

    
• 未知大小图片在已知容器中的垂直和水平居中问题 

 

    //图片无间断滚动代码，兼容IE、Firefox、Opera
    //原脚本是IE only，来自网上，作者未知
    //部分内容是由forestgan为了JS代码标准化，兼容以gecko为内核的浏览器于2006-10-30重写
    //http://www.forest53.com
    var speed=40;
    var FGDemo=document.getElementById('demo');
    var FGDemo1=document.getElementById('demo1');
    var FGDemo2=document.getElementById('demo2');
    FGDemo2.innerHTML=FGDemo1.innerHTML
    function Marquee1(){
    if(FGDemo2.offsetHeight-FGDemo.scrollTop<=0)
    FGDemo.scrollTop-=FGDemo1.offsetHeight
    else{
    FGDemo.scrollTop++
    }
    }
    var MyMar1=setInterval(Marquee1,speed)
    FGDemo.onmouseover=function() {clearInterval(MyMar1)}
    FGDemo.onmouseout=function() {MyMar1=setInterval(Marquee1,speed)}