這段代碼錯(cuò)在哪里了,為什么實(shí)現(xiàn)不了滾動(dòng)呢,求大神指點(diǎn)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標(biāo)題文檔</title>
<style type="text/css">
#right{
float:left;
width:350px;
height:450px;
margin-left:35px;
font-size:16px;
vertical-align:middle;
color:#ccc;
overflow:hidden;
}
#right #rt h2{
color:#FF868B;
border-bottom:3px solid #FF868B;
}
#right #rt h2 span a{
color:#FF868B;
font-size:18px;
line-height:30px;
margin-left:120px;
font-weight:normal;
}
#right #rpic{
margin-top:10px;
overflow:hidden;
font-size:16px;
}
#right #rpic ul{
list-style:none;
}
#right #rpic ul li{
display:block;
border-bottom:1px dashed #ccc;
}
#right #rpic ul li a{
font-size:14px;
color:#999;
}
#right #rpic img{?
vertical-align:middle;
padding:5px;
}
#right #rpic .cp{
height:20px;
line-height:20px;
display:block;
}
</style>
</head>
<body>
<div id="right">
? ? ? ? ? ? <div id="rt"><h2>人氣單品推薦<span><a href="#">更多>></a></span></h2></div>
? ? ? ? ? ? ? ? <div id="rpic">
? ? ? ? ? ? ? ? <ul id="con1">
? ? ? ? ? ? ? ? ? ? <li>
? ? ? ? ? ? ? ? ? ? ? ? <a href="#"><img src="image/10.jpg"/></a>
? ? ? ? ? ? ? ? ? ? ? ? <span><a href="#">秋裝女裝2016新版套裝氣質(zhì)連衣裙</a></span>
? ? ? ? ? ? ? ? ? ? ? ? </li>
? ? ? ? ? ? ? ? ? ? ? ? <li>
? ? ? ? ? ? ? ? ? ? ? ? <a href="#"><img src="image/10.jpg"/></a>
? ? ? ? ? ? ? ? ? ? ? ? <span><a href="#">秋裝女裝2016新版套裝氣質(zhì)連衣裙</a></span>
? ? ? ? ? ? ? ? ? ? ? ? </li>
? ? ? ? ? ? ? ? ? ? ? ? <li>
? ? ? ? ? ? ? ? ? ? ? ? <a href="#"><img src="image/10.jpg"/></a>
? ? ? ? ? ? ? ? ? ? ? ? <span><a href="#">秋裝女裝2016新版套裝氣質(zhì)連衣裙</a></span>
? ? ? ? ? ? ? ? ? ? ? ? </li>
? ? ? ? ? ? ? ? ? ? ? ? <li>
? ? ? ? ? ? ? ? ? ? ? ? <a href="#"><img src="image/10.jpg"/></a>
? ? ? ? ? ? ? ? ? ? ? ? <span><a href="#">秋裝女裝2016新版套裝氣質(zhì)連衣裙</a></span>
? ? ? ? ? ? ? ? ? ? ? ? </li>
? ? ? ? ? ? ? ? ? ? ? ? <li>
? ? ? ? ? ? ? ? ? ? ? ? <a href="#"><img src="image/10.jpg"/></a>
? ? ? ? ? ? ? ? ? ? ? ? <span><a href="#">秋裝女裝2016新版套裝氣質(zhì)連衣裙</a></span>
? ? ? ? ? ? ? ? ? ? ? ? </li>
? ? ? ? ? ? ? ? ? ? ? ? <li>
? ? ? ? ? ? ? ? ? ? ? ? <a href="#"><img src="image/10.jpg"/></a>
? ? ? ? ? ? ? ? ? ? ? ? <span><a href="#">秋裝女裝2016新版套裝氣質(zhì)連衣裙</a></span>
? ? ? ? ? ? ? ? ? ? ? ? </li>
? ? ? ? ? ? ? ? ? ? ? ? <li>
? ? ? ? ? ? ? ? ? ? ? ? <a href="#"><img src="image/10.jpg"/></a>
? ? ? ? ? ? ? ? ? ? ? ? <span><a href="#">秋裝女裝2016新版套裝氣質(zhì)連衣裙</a></span>
? ? ? ? ? ? ? ? ? ? ? ? </li>
? ? ? ? ? ? ? ? ? ? ? ? <li>
? ? ? ? ? ? ? ? ? ? ? ? <a href="#"><img src="image/10.jpg"/></a>
? ? ? ? ? ? ? ? ? ? ? ? <span><a href="#">秋裝女裝2016新版套裝氣質(zhì)連衣裙</a></span>
? ? ? ? ? ? ? ? ? ? ? ? </li>
? ? ? ? ? ? ? ? ? ? ? ? <li>
? ? ? ? ? ? ? ? ? ? ? ? <a href="#"><img src="image/10.jpg"/></a>
? ? ? ? ? ? ? ? ? ? ? ? <span><a href="#">秋裝女裝2016新版套裝氣質(zhì)連衣裙</a></span>
? ? ? ? ? ? ? ? ? ? ? ? </li>
? ? ? ? ? ? ? ? ? ? ? ? <li>
? ? ? ? ? ? ? ? ? ? ? ? <a href="#"><img src="image/10.jpg"/></a>
? ? ? ? ? ? ? ? ? ? ? ? <span><a href="#">秋裝女裝2016新版套裝氣質(zhì)連衣裙</a></span>
? ? ? ? ? ? ? ? ? ? ? ? </li>
? ? ? ? ? ? ? ? ? ? </ul>
? ? ? ? ? ? ? ? ? ? <ul id="con2"></ul>
? ? ? ? ? ? ? ? </div>
? ? ? ? ? ? </div>
<script type="text/javascript">
? ? var pic=document.getElementById("rpic");
var con1=document.getElementById("con1");
? ? var con2=document.getElementById("con2");
pic.scrollTop=0;
var time=50;
con2.innerHTML=con1.innerHTML;
function scrollUp(){
if(pic.scrollTop >= con1.scrollHeight){
? ?pic.scrollTop = 0; ?
}else{
pic.scrollTop ++;
}
}
?
var myscroll= setInterval("scrollUp()",time);
pic.onmouseover=function(){
clearInterval(myscroll);
}
pic.onmouseout=function(){
myscroll= setInterval("scrollUp()",time);
}
</script>
</body>
</html>
2016-10-02
你的<div id="rpic">沒有設(shè)置高度