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

我做的比較簡單，但結果是沒滾動起來，有點方，求解答

<!DOCTYPE?html>
<html?meta?charset="utf-8">
<head>
	<title>
		信息滾動
	</title>
????<style?type="text/css">
????????#demo{
????????????background-color:?#ade;
????????????height:?100px;
????????????margin-top:?30px;
????????????overflow:?hidden;
????????????display:?block;
????????}
????????ul?{
????????????list-style:?none;?
????????????display:?block;??????????/*??去掉ul標簽默認的點樣式??*/
????????}
????????li{
????????????display:?list-item;
????????}
????</style>
????<script?type="text/javascript">
????
???????var?area?=?document.getElementById('demo');
???????var?con1?=?document.getElementById('emo1');
???????var?con2?=?document.getElementById('emo2');
???????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="demo">
<ul?id="emo1">
????<li?class="item1">我是第1條信息</li>
????<li?class="item2">我是第2條信息</li>
????<li?class="item3">我是第3條信息</li>
????<li?class="item4">我是第4條信息</li>
????<li?class="item5">我是第5條信息</li>
????<li?class="item6">我是第6條信息</li>
????<li?class="item7">我是第7條信息</li>
????<li?class="item8">我是第8條信息</li>
????<li?class="item9">我是第9條信息</li>
????<li?class="item10">我是第10條信息</li>
</ul>
<ul?id="emo2"></ul>
</div>
</body>
</html>