js div操作

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
</head>

<body>

<script>

function showlayer(obj) {

     document.getElementById("idd").src="js1.jpg";
l = document.getElementById("thelayer");
l.innerHTML="<input  type=\"checkbox\" name=\"js\"><input  type=\"checkbox\" name=\"js\"><input  type=\"checkbox\" name=\"js\">";


l.style.left = 200 + 40;
l.style.top =200 + 40;
if(document.getElementById("thelayer").style.display==""){
document.getElementById("idd").src="js.jpg";
document.getElementById("thelayer").style.display="none";


}else{
document.getElementById("thelayer").style.display="";
}
}

</script>



<a href="#" onclick="showlayer(this)" ><img id="idd" src="js.JPG"/></a>

<div id="thelayer" style="width:300px;height:98px;border:#ff6600 1px solid;z-index:2;position:absolute;background:#FFFFFF;display:none;" >

</div>
</body>
</html>

你可能感兴趣的:(html)