為什么我的代碼不運(yùn)動(dòng)
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<!DOCTYPE html>
<html>
<head>
?? ?<style type="text/css">
?? ??? ?*{
?? ??? ??? ?margin:0;
?? ??? ??? ?padding:0;
?? ??? ?}
?? ??? ?#div1{
?? ??? ??? ?height: 500px;
?? ??? ??? ?width: 200px;
?? ??? ??? ?background-color: blue;
?? ??? ??? ?position: relative;
?? ??? ??? ?left: -200px;
?? ??? ?}
?? ??? ?#div1 span{
?? ??? ??? ?height: 50px;
?? ??? ??? ?width: 20px;
?? ??? ??? ?top: 150px;
?? ??? ??? ?position: absolute;
?? ??? ??? ?background-color: red;
?? ??? ??? ?left: 200px;
?? ??? ?}
?? ?</style>
?? ?<script type="text/javascript">
?? ??? ?window.onload=function() {
?? ??? ??? ?var oDiv = document.getElementById('div1');
?? ??? ??? ?oDiv.onmouseover=function(){
?? ??? ??? ??? ?startMove()
?? ??? ?}
?? ??? ?var timer = null;
?? ??? ?function startMove(){
?? ??? ??? ?clearInterval(timer);
?? ??? ??? ?var oDiv = document.getElementById('div1');
?? ??? ??? ?timer = setInterval(function(){
?? ??? ??? ??? ?if (oDiv.offsetLeft== 0) {
?? ??? ??? ??? ??? ?clearInterval(timer);
?? ??? ??? ??? ?}
?? ??? ??? ??? ?else{?? ?
?? ??? ??? ??? ?oDiv.style.left=oDiv.offsetLeft+10+'px';
?? ??? ??? ??? ?}
?? ??? ??? ?},30)
?? ?</script>
?? ?<title></title>
</head>
<body>
<div id="div1">
?? ?<span>
?? ??? ?目錄
?? ?</span>
</div>
</body>
</html>
2016-04-18
?在你的代碼第43行},30)后面加上兩個(gè)右大括號(hào)。}}你看一下，你的括號(hào)兩個(gè)都缺一塊，沒(méi)有閉合
2016-05-05
能再幫我看看嗎？才寫(xiě)了一點(diǎn)點(diǎn)就動(dòng)不了
<!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>5-5</title>
<style type="text/css">
* {
margin:0;
padding:0;
}
#div1 {
background:#C03;
width:200px;
height:200px;
position:relative;
left:-200px;
top:0;
}
#div1 span {
background:#00C;
width:20px;
height:50px;
position:absolute;
top:75px;
left:200px;
color:#333;
}
</style>
<script>
window.onload=function(){
var oDiv=document.getElementById('div1');
oDiv.onmouseover=function(){
startmove();
}
}
var time=null;
function startmove(){
time.setInterval(function(){
if(oDiv.offsetLeft==0){
clearInterval(time);
}
else{
var oDiv=document.getElementById('div1');
oDiv.style.left=oDiv.offsetLeft+10+"px";
}
},30)
}
</script>
</head>
<body>
<div id="div1"><span class="share">分享</span></div>
</body>
</html>