我们生活的年代

<style type="text/css">  
    .mycode{ width:300px; height:74px; float:left;}    
    .mycode ul{ width:280px;}    
    .mycode li{ width:100px; float:left; display:block;}    
</style>

  
<div class="mycode">  
    <ul>  
        <li>博客小子</li>  
        <li>博客小子</li>  
        <li>博客小子</li>  
        <li>博客小子</li>  
        <li>博客小子</li>  
        <li>博客小子</li>  
    </ul>  
</div>

<div id=demo style=overflow:hidden;height:200;width:150;background:#214984;color:#ffffff>
<div id=demo1>
<!-- 定义图片 -->
<img src="http://img44.pp.sohu.com/images/blog/2007/1/30/9/28/111068f3552.jpg" width="232" height="62">
<img src="http://img44.pp.sohu.com/images/blog/2007/1/30/9/28/111068f3552.jpg">
<img src="http://img44.pp.sohu.com/images/blog/2007/1/30/9/28/111068f3552.jpg">
<img src="http://img44.pp.sohu.com/images/blog/2007/1/30/9/28/111068f3552.jpg">
<img src="http://img44.pp.sohu.com/images/blog/2007/1/30/9/28/111068f3552.jpg"></div>
<div id=demo2></div>
</div>

<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>