<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>
'개발하자 > 자바스크립트' 카테고리의 다른 글
| css바꾸기 확장성있는 코드 (0) | 2015.02.28 |
|---|---|
| className 바꾸기 (0) | 2015.02.28 |
| 줄삭제 숫자 감소 (0) | 2015.02.28 |
| 줄추가하기 (0) | 2015.02.28 |
| createElement 로 셀렉트 옵션 추가하기 (0) | 2015.02.28 |