js無縫滾動 無法滾動
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>滾動</title>
<style type="text/css">
li{
list-style: none ;
}
#wrap{
border-radius: 10px;?
border:5px solid #adacae;
margin: 0 auto;
width: 500px;
height:300px;
}
#wrap h3{
position: relative;
letter-spacing: 2px;
border-radius: 5px;?
margin: 0;
padding-left: 20px;?
background: linear-gradient(to top,#b42e4e,#e1486d);
line-height: 80px;
color: #fff;
}
#wrap h3 span{
line-height: 14px;
display: inline-block;
font-size: 14px;
position: absolute;
bottom: 10px;
right: 10px;
}
#wrap{
overflow: hidden;
}
.wrap_wrapper ul{
margin:0;
padding: 20px;
}
.wrap_wrapper li{
padding: 6px 0;?
position: relative;
}
.wrap_wrapper li a{
letter-spacing: 2px;
text-decoration: none;
color: #000;
font-size: 14px;
}
.wrap_wrapper span{
position: absolute;
right: 10px;
font-size: 12px;
}
</style>
</head>
<body>
<div id="wrap">
<h3>慕課網(wǎng)新課程 <span>更多>></span></h3>
<div id="wrapper">
<ul id="con1">
<li><a href="">1.慕課網(wǎng)學會html5絕對定位</a><span>2013-01-01</span></li>
<li><a href="">2.table頁面切換效果</a><span>2014-12-01</span></li>
<li><a href="">3.水晶按鈕制作</a><span>2015-11-02</span></li>
<li><a href="">4.html+css基礎(chǔ)講解</a><span>2017-01-02</span></li>
<li><a href="">5.會移動的小魚html5</a><span>2016-02-11</span></li>
<li><a href="">6.我是新手</a><span>2015-03-13</span></li>
<li><a href="">7.導航條制作</a><span>2016-12-16</span></li>
<li><a href="">8.我在學習</a><span>2017-06-11</span></li>
<li><a href="">9.頁面分頁</a><span>2017-07-11</span></li>
</ul>
<ul id="con2">
</ul>
</div>
</div>
<script type="text/javascript">
var area = document.getElementById('wrapper');
area.scrollTop = 10;
var time = 50;?
? ? setInterval('area.scrollTop++',time); ? ? ??
</script>
?
</body>
</html>
按步驟來的 第一步都動不了哪位大神可以解答一下？(瀏覽器是chrome)
2017-08-05
看這個demo：http://zengxiaoluan.com/2017/08/05/marquee-jquery-plugin/