                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /JavaScript
                        
                        /信息滾動(dòng)效果制作

大牛幫我看下代碼，找了很久著不錯(cuò)錯(cuò)誤，瀏覽器也沒(méi)有報(bào)錯(cuò)。

<!DOCTYPE?HTML>
<html>
<head>
??<meta?charset="utf-8">
??<title></title>
??<style>
????body,div,h2,a,ul,li{margin:0;padding:0;}
????body{font-size:14px;}
????li{list-style:none;}
????a{color:#333;text-decoration:none;}
????a:hover{color:#FF002F;}
????#mooc{width:400px;border:5px?solid?#ccc;border-radius:15px;box-shadow:2px?2px?5px?#ccc;margin:20px?auto;}
????#moocTit{padding-left:30px;background-image:linear-gradient(to?bottom,#f05e6f,?#c9394a);border-radius:8px?8px?0?0;height:82px;line-height:82px;color:#fff;}
????#moocTit?h2{float:left;}
????#moocTit?a{float:right;margin-right:15px;color:#fff;}
????#moocTit?a:hover{text-decoration:underline;}
????#moocBox{height:180px;margin:0?20px;backround-color:#fff;overflow:hidden;}
????#moocBox?ul{height:270px;}
????#moocBox?li{height:30px;line-height:20px;}
????#moocBox?span{float:right;}
??</style>
</head>
<body>
??<div?id="mooc">
????<div?id="moocTit">
??????<h2>最新課程</h2>
??????<a>更多&gt;&gt;</a>
????</div>
????<div?id="moocBox">
??????<ul?id="con1">
????????<li><a?href="javascript:;">1.學(xué)會(huì)html5?絕對(duì)的屌絲逆襲（案例）<span>2013-09-18</span></a></li>
????????<li><a?href="javascript:;">2.tab頁(yè)面切換效果（案例）<span>2013-10-09</span></a></li>
????????<li><a?href="javascript:;">3.圓角水晶按鈕制作（案例）<span>2013-10-21</span></a></li>
????????<li><a?href="javascript:;">4.HTML+CSS基礎(chǔ)課程(系列)<span>2013-11-01</span></a></li>
????????<li><a?href="javascript:;">5.分頁(yè)頁(yè)碼制作（案例）<span>2013-11-06</span></a></li>
????????<li><a?href="javascript:;">6.導(dǎo)航條菜單的制作（案例）<span>2013-11-08</span></a></li>
????????<li><a?href="javascript:;">7.信息列表制作(案例)<span>2013-11-15</span></a></li>
????????<li><a?href="javascript:;">8.下拉菜單制作(案例)<span>2013-11-22</span></a></li>
????????<li><a?href="javascript:;">9.如何實(shí)現(xiàn)“新手引導(dǎo)”效果<span>2013-12-06</span></a></li>
??????</ul>
??????<ul?id="con2"></ul>
????</div>
??</div>
??<script>
??????var?area=document.getElementById('mooc');
??????var?con1=document.getElementById('con1');
??????var?con2=document.getElementById('con2');
??????var?timer;
??????con2.innerHTML=con1.innerHTML;//將con1內(nèi)容復(fù)制給con2
??????timer=setInterval(scrollUp,50);
??????function?scrollUp(){
????????if(area.scrollTop==con1.offsetHeight){
??????????area.scrollTop=0;
????????}else{
??????????area.scrollTop++;
????????}
??????}
??????area.onmouseover=function(){
????????clearInterval(timer);//鼠標(biāo)移入清除定時(shí)器
??????}
??????area.onmouseout=function(){
????????timer=setInterval(scrollUp,50);//鼠標(biāo)移出定義定時(shí)器
??????}
??</script>
</body>
</html>