본문 바로가기

javascript

마우스 오버로 테이블 테두리 나타내기

<!--1. 아래의 스크립트를 <HEAD></HEAD>사이에 복사해 넣으세요-->

<SCRIPT LANGUAGE="javascript">
<!-- Hide

function tableOut(thiss) {
thiss.style.borderColor='white';
thiss.style.backgroundColor='white';
}

function tableOver(thiss) {
thiss.style.borderColor="#999999";
window.status="자스코";
}

function roll(thiss) {
thiss.style.backgroundColor="yellow";
parent.location.href=('http://www.bizserver.new21.net);
}

function details() {
window.status='자스코';
}
</script>
</head>
<body>

<TABLE border=0 CELLSPACING=0 cellpadding=0 valign="top" STYLE="cursor: hand" style="TABLE-LAYOUT:fixed;" align=center width=200>
                <tr>
<td>
        <table border=0 cellspacing=0 width=100% style="border:2px solid white;TABLE-LAYOUT:fixed;" onclick=roll(this) onMouseover=tableOver(this) onMouseout=tableOut(this) height=44>
                <TR>
                        <th>
                                <a href="http://www.bizserver.new21.net" title="소스나라로 오세요" onmouseover="details(); return true;"><Img alt="디비딕" SRC="http://www.dbdic.com/02img/ttl_main.gif" border=0 ></a>
                        </th>
                </TR>
        </table>

</td></tr></table>