為什么我的div的背景顏色不顯示？
<!DOCTYPE html>
<html >
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
<title>無標(biāo)題文檔</title>
<style type="text/css">
body,div,span{
margin:0;
padding:0;}
#div1{
? ? ? width=200px;
? ? ? height=200px;
? ? ? background:blue;
? ? ? position:relative;
? ? ? left:-200px;
? ? ? top:0;}
?#div1 span{
? ? ? ?width=20px;
? ? ? ?height=20px;
? ? ? ?background:red;
? ? ? ?position:absolute;
? ? ? ?left:200px;
? ? ? ?top:75px;}
? ? ? ?</style>
<script>
? ? ? ? window.onload=function(){
? ? ? ? var oDiv=document.getElementById("div1");
? ? ? ? oDiv.onmouseover=function() ? {
? ? ? ? startMove(0);}
? ? ? ??
? ? ??
? ? ? ? oDiv.onmouseout=function() ? {
? ? ? ? startMove(-200);}
? ? ? ? }
? ? ? ? var timer=null;
? ? ? ? function startMove(iTarget){
? ? ? ? ?clearInterval(timer);
? ? ? ? ? ? ?var oDiv=document.getElementById("div1");
? ? ? ? ? ?timer=setInterval(function(){
? ? ? ? ? ?var speed=0;
? ? ? ? ? ?if(oDiv.offsetLeft>iTarget){
? ? ? ? ? ?speed=-10;
? ? ? ? ? ?}else{
? ? ? ? ? ?speed=10;}
? ? ? ? ? ?if(oDiv.offsetLeft==iTarget){
? ? ? ? ? ?clear(timer)}
? ? ? ? ? ?else{
? ? ? ? ? ? ?oDiv.style.left=oDiv.offsetLeft+speed+'px'; ? ?}
? ? ? ? ? ? ?},30 ) ? ??
? ? ? ? }
? ? ? ? ? </script>
? ? ? ?</head>
<body>
<div id="div1"> <span id="share">分享</span> </div>
</body>
</html>
2016-06-09
應(yīng)該將width=200px;height=200px;width=20px;height=20px;改寫成width:200px;height:200px;
clear(timer);應(yīng)寫成clearInterval(timer)
2016-06-09
你用firebug查看的時(shí)候，會(huì)有錯(cuò)誤提示的；雖然不影響結(jié)果，我們盡量減少失誤