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

大家?guī)兔纯?，為什么沒有滾動效果？

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標(biāo)題文檔</title>
<style type="text/css">
*{
?? ?margin:0;
?? ?padding:0;
?? ?}
#obox {
?? ?width:400px;
?? ?height:300px;
?? ?margin:0 auto;
?? ?border:1px solid #333;
?? ?margin-top:50px;
?? ?overflow:hidden;
?? ?}
#moocBox {
?? ?width:300px;
?? ?height:470px;
?? ?margin:0 auto;
?? ?}
li {
?? ?list-style:none;
?? ?line-height:30px;
?? ?font-size:12px;
?? ?}
</style>

<script type="text/javascript">
?var area = document.getElementById('moocBox');
?var con1 = document.getElementById('con1');
?var con2 = document.getElementById('con2');
?var speed = 50;
?area.scrollTop = 0;
?con2.innerHTML = con1.innerHTML;
?function scrollUp(){
?? ? if(area.scrollTop >= con1.scrollHeight) {
?? ??? ? area.scrollTop = 0;
?? ??? ? }else{
?? ??? ??? area.scrollTop ++;
?? ??? ? }
}
var myScroll = setInterval("scrollUp()",speed);
area.onmouseover = function(){
?? ? clearInterval(myScroll);
?? ?}
area.onmouseout = function(){
?? ? myScroll = setInterval("scrollUp()",speed);
?? ?}
?</script>

</head>

<body>
<div id="obox">
<div id="moocBox">
??? <ul id="con1">
??????? <li><a href="#">1.學(xué)會html5 絕對的屌絲逆襲（案例）</a><span>2013-09-18</span></li>
??????? <li><a href="#">2.tab頁面切換效果（案例）</a><span>2013-10-09</span></li>
??????? <li><a href="#">3.圓角水晶按鈕制作（案例）</a><span>2013-10-21</span></li>
??????? <li><a href="#">4.HTML+CSS基礎(chǔ)課程(系列)</a><span>2013-11-01</span></li>
??????? <li><a href="#">5.分頁頁碼制作（案例）</a><span>2013-11-06</span></li>
??????? <li><a href="#">6.導(dǎo)航條菜單的制作（案例）</a><span>2013-11-08</span></li>
??????? <li><a href="#">7.信息列表制作(案例)</a><span>2013-11-15</span></li>
??????? <li><a href="#">8.下拉菜單制作(案例)</a><span>2013-11-22</span></li>
??????? <li><a href="#">9.如何實現(xiàn)“新手引導(dǎo)”效果</a><span>2013-12-06</span></li>
??????? <li><a href="#">10.導(dǎo)航條菜單的制作（案例）</a><span>2013-11-08</span></li>
??????? <li><a href="#">11.信息列表制作(案例)</a><span>2013-11-15</span></li>
??????? <li><a href="#">12.下拉菜單制作(案例)</a><span>2013-11-22</span></li>
??????? <li><a href="#">13.如何實現(xiàn)“新手引導(dǎo)”效果</a><span>2013-12-06</span></li>??? ?
??? </ul>
??? <ul id="con2">
??? </ul>
</div>
</div>
</body>
</html>