웹마스터 팁
page_full_width">
색다른 링크법(새창)
2002.12.30 19:13
MSN메신저 온라인도움말 페이지에서 퍼왔습니다.
그런데 응용할만데가 있을지는 모르겠네요...^^;
<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>
중복자료거나 잘못된 부분이 있다면 지적해주세요~
그런데 응용할만데가 있을지는 모르겠네요...^^;
<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>
중복자료거나 잘못된 부분이 있다면 지적해주세요~
아래에 넣은 주소가 링크2에 걸리고
상당히 깔끔 입니다.