請問這段代碼錯在哪里。不會滾動
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<style type="text/css">
.bg{width: 400px;height:200px;margin: 0 auto;font-size: 12;background: #345;color: #9cf;font-family: "微軟雅黑";border-radius: 20px; cursor: pointer;}
ul{list-style: none}
ul li{text-align: center;line-height: 30px}
#area{height:200px;overflow:hidden}
</style>
<script type="text/javascript">
var area = document.getElementById('area'),
con1 = document.getElementById('con1'),
con2 = document.getElementById('con2');
con2.innerHTML=con1.innerHTML;
function scrollUp() {
if(area.scrollTop>=con1.offsetHeight){
area.scrollTop=0
}else{
area.scrollTop++
}
}
var time=50;
var myScroll=setInterval('scrollUp()',time)
?</script>
</head>
<body>
<div class="bg">
<div id="area">
<ul id="con1">
<li>算一算虛度了多少個年頭</li>
<li>仿佛足夠?qū)懸惶族e愛的春秋</li>
<li>如果以后你還想為誰</li>
<li>浪費美好時候</li>
<li>眼淚只能在我的胸膛</li>
<li>毫無保留</li>
<li>互相折磨到白頭</li>
<li>悲傷堅決不放手</li>
<li>開始糾纏之后</li>
<li>才又被人放大了自由</li>
<li>你的暴烈太溫柔</li>
<li>感情又痛又享受</li>
</ul>
<ul id="con2"></ul>
</div>
</div>
</body>
</html>
2016-08-10
將<script></script>之間的代碼放在</div>和</body>之間，如下：
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8">
<style type="text/css">
.bg{width: 400px;height:200px;margin: 0 auto;font-size: 12;background: #345;color: #9cf;font-family: "微軟雅黑";border-radius: 20px; cursor: pointer;}
ul{list-style: none}
ul li{text-align: center;line-height: 30px}
#area{height:200px;overflow:hidden}
</style>
</head>
<body>
<div class="bg">
<div id="area">
<ul id="con1">
<li>算一算虛度了多少個年頭</li>
<li>仿佛足夠?qū)懸惶族e愛的春秋</li>
<li>如果以后你還想為誰</li>
<li>浪費美好時候</li>
<li>眼淚只能在我的胸膛</li>
<li>毫無保留</li>
<li>互相折磨到白頭</li>
<li>悲傷堅決不放手</li>
<li>開始糾纏之后</li>
<li>才又被人放大了自由</li>
<li>你的暴烈太溫柔</li>
<li>感情又痛又享受</li>
</ul>
<ul id="con2"></ul>
</div>
</div>
<script type="text/javascript">
var area = document.getElementById('area'),
con1 = document.getElementById('con1'),
con2 = document.getElementById('con2');
con2.innerHTML=con1.innerHTML;
function scrollUp() {
if(area.scrollTop>=con1.offsetHeight){
area.scrollTop=0
}else{
area.scrollTop++
}
}
var time=50;
var myScroll=setInterval('scrollUp()',time)
?</script>
</body>
</html>