<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Fifty Studio│无间断滚动的新闻文章列表</title>
<link rel="stylesheet" type="text/css" href="/tutorials/demo/css/main.css">
<style type="text/css"> 
 
</style>
<noscript> 
<style type="text/css"> 
#demo{overflow:auto; } 
} 
</style>
</noscript> 
 
 
<div id="ForestganWrap"> 
  <div id="forestganHeader"> <a>三列自适应宽度液态布局│Three Column Liquid Layouts </a>5 
    <h1>CSS 布局演示 CSS Layout by Forestgan</h1> 
    <h2 id="demo_date">2006-11-1 发表</h2> 
  </div> 
  <div id="forestganMiddle"> <div id="FGWrapper"> 
<div id="demo"> 
<div id="demo1"> 
<ul>
<li>
<a>三列自适应宽度液态布局│Three Column Liquid Layouts </a>6</li> 
    <li>
<a>三列自适应宽度液态布局│Three Column Liquid Layouts </a>7</li> 
    <li>
<a>三列自适应宽度液态布局│Three Column Liquid Layouts </a>8</li> 
    <li>
<a>三列自适应宽度液态布局│Three Column Liquid Layouts </a>9</li> 
    <li>
<a>Internet Explorer 7 对CSS的兼容--Box Model Changes </a>0</li> 
    <li>
<a>Internet Explorer 7 对CSS的兼容--Box Model Changes </a>1</li> 
    <li>
<a>Internet Explorer 7 对CSS的兼容--Box Model Changes </a>2</li> 
    <li>
<a>Internet Explorer 7 对CSS的兼容--Box Model Changes </a>3</li> 
    <li>
<a>Internet Explorer 7 对CSS的兼容--Box Model Changes </a>4</li> 
    <li>
<a>Internet Explorer 7 对CSS的兼容--Box Model Changes </a>5</li> 
</ul>
</div> 
<div id="demo2"> </div> 
<script type="text/javascript"> 
    //图片无间断滚动代码，兼容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)} 
</script>
</div> 
<div id="desc">
<a>Internet Explorer 7 对CSS的兼容--Box Model Changes </a>6文章列表无间断滚动演示</div> 
</div> </div> 
</div> 
<div id="forestganFooter"> 
  <a>Internet Explorer 7 对CSS的兼容--Box Model Changes </a>7   采用<a>Internet Explorer 7 对CSS的兼容--Box Model Changes </a>8--署名和非商业用途
<a>Internet Explorer 7 对CSS的兼容--Box Model Changes </a>9 
   
</div>

[Ctrl+A 全选注:未知大小的图片在一个已知大小容器中的水平和垂直居中（二） 0]