compuz.com

2003/01/28 10:36:24	10545 1

색다른 링크법(새창)

출처 : 엔지오팁

<HTML>
<HEAD>
<TITLE></TITLE>
<META http-equiv=Content-Type content="text/html; charset=ks_c_5601-1987">
<STYLE>
.clsButtonFace {BORDER-RIGHT: gray 1px solid;
                BORDER-BOTTOM: gray 1px solid;
                BORDER-LEFT: white 1px solid;
                BORDER-TOP: white 1px solid;
                PADDING-RIGHT: 2px;
                FONT: 10pt verdana;
                VERTICAL-ALIGN: middle;
                TEXT-ALIGN: center;
                CURSOR: hand;}

.clsButtonFaceDown {BORDER-RIGHT: #ffffff 1px solid;
                    BORDER-BOTTOM: #ffffff 1px solid;
                    BORDER-LEFT: gray 1px solid;
                    BORDER-TOP: gray 1px solid;
                    PADDING-TOP: 2px;
                    FONT: 10pt verdana;
                    VERTICAL-ALIGN: middle;
                    TEXT-ALIGN: center;
                    CURSOR: hand;
                    TEXT-INDENT: 2px;}
</STYLE>

</HEAD>

<BODY style="background:#f1f1f1;" leftMargin=0 topMargin=0 rightMargin=0>

<br><center>

<TABLE cellSpacing=0 cellPadding=0 border=0 width="500" height="30">
  <TBODY>
  <TR>
    <TD class=clsButtonFace
    onmouseup="this.className='clsButtonFace';"
    onmousedown="this.className='clsButtonFaceDown';"
    onmouseout="if(this.className!='clsButtonFace'){this.className='clsButtonFace'}"
    onclick=showidx.click()>
    <A href="연습.htm" target="_blank" id=showidx
     onclick="event.cancelBubble = true;">링크1</A>
    </TD>
    <td>  </td>
    <TD class=clsButtonFace
     onmouseup="this.className='clsButtonFace';"
     onmousedown="this.className='clsButtonFaceDown';"
     onmouseout="if(this.className!='clsButtonFace'){this.className='clsButtonFace';}"
     onclick=showtoc.click()> 링크2
    </TD>
  </TR>
  </TBODY>
</TABLE></center>

<A href="연습.htm" target="_blank" id=showtoc onclick="event.cancelBubble = true;" style="visibility:hidden;"> </A>

</BODY>
</HTML>

위의 모두 태그소스복사해서 연습해보세요.
저도보니깐 괜찮드라구요^^