과제!!깔끔하게 바꾸기 ing
<html>
<head>
<style type="text/css">
#con2 {
position:absolute; visibility:hidden;
background:pink; width:250px; height:30px;
}
td { border : 1px solid navy; }
</style>
<script>
window.onload=function(){
var array=["여성영캐주얼","여성커리어","유니섹스캐주얼","유아동"];
array1=["브랜드1","브랜드2","브랜드3"];
var tableTag=document.createElement("table");
var trTag=document.createElement("tr");
for(var i in array){
var tdTag=document.createElement("td");
tdTag.innerHTML=array[i];
trTag.appendChild(tdTag);
tdTag.onmousedown=mDown;
}
tableTag.appendChild(trTag);
con.appendChild(tableTag);
}
function mDown(){
con2.style.left=event.x;
con2.style.top=event.y;
con2.innerHTML="";
for(var i in array1){
var aTag=document.createElement("a");
aTag.href="#";
aTag.innerHTML=array1[i];
con2.appendChild(aTag);
var strNode=document.createTextNode(" | ");
con2.appendChild(strNode);
}
con2.style.visibility="visible";
}
</script>
</head>
<body>
<div id="con2"></div>
<div id="con"></div>
</body>
</html>