자바스크립트 이미지 마우스 올려두면 이미지 따로 보여주기

관리X 과거글

by 까먹기전에 2015. 2. 12. 17:11

<html>

td{

border : solid 2px;

}

div{

position : absolute;

left:1500px;

top:800px;

}

img{

width : 300px;

height : 300px;

</style>

function c(tt){

var ss="<img src="+tt.src+">";

d.innerHTML = ss;

}

var z=0;

var v=["a.jpg" ,"b.jpg" ,"c.jpg" ,"d.jpg" ,"e.jpg" ,"f.jpg" ,"g.jpg" ,"h.jpg" ,"i.jpg" ]

document.write("<table>");

for(i=0; i<3; i++){

document.write("<tr>");

for(j=0; j<3; j++){

document.write("<td >");

document.write("<img src="+v[z]+" id=zz value=z onmouseover=c(this)>" );

document.write("</td>");

z++;

}

</script>

<body>

</body>

</html>