Computer/JavaScript

모서리둥근테이블쉽게만들기 스크립트

알찬돌삐 2005. 7. 3. 12:52

[CODE] <script> function top_round(w,c) { var top_html; top_html="<table cellpadding=0 cellspacing=0 border=0 width="+w+">"; top_html+="<tr height=1><td rowspan=4 width=1></td><td rowspan=3 width=1></td>"; top_html+="<td rowspan=2 width=1></td><td width=2></td><td bgcolor="+c+"></td>"; top_html+="<td width=2></td><td rowspan=2 width=1></td><td rowspan=3 width=1></td>"; top_html+="<td rowspan=4 width=1></td></tr><tr height=1><td bgcolor="+c+"></td>"; top_html+="<td bgcolor="+c+"></td><td bgcolor="+c+"></td></tr>"; top_html+="<tr height=1><td bgcolor="+c+"></td><td colspan=3 bgcolor="+c+"></td>"; top_html+="<td bgcolor="+c+"></td></tr><tr height=2><td bgcolor="+c+"></td>"; top_html+="<td colspan=5 bgcolor="+c+"></td><td bgcolor="+c+"></td></tr></table>"; document.write(top_html); } function bottom_round(w,c) { var bottom_html; bottom_html="<table cellpadding=0 cellspacing=0 border=0 width="+w+">"; bottom_html+="<tr height=2><td rowspan=4 width=1></td><td width=1 bgcolor="+c+"></td><td width=1 bgcolor="+c+"></td>"; bottom_html+="<td width=2 bgcolor="+c+"></td><td bgcolor="+c+"></td><td width=2 bgcolor="+c+"></td>"; bottom_html+="<td width=1 bgcolor="+c+"></td><td width=1 bgcolor="+c+"></td><td rowspan=4 width=1></td></tr>"; bottom_html+="<tr height=1><td rowspan=3></td><td bgcolor="+c+"></td><td colspan=3 bgcolor="+c+"></td>"; bottom_html+="<td bgcolor="+c+"></td><td rowspan=3></td> </tr><tr height=1><td rowspan=2></td>"; bottom_html+="<td bgcolor="+c+"></td><td bgcolor="+c+"></td><td bgcolor="+c+"></td><td rowspan=2></td></tr>"; bottom_html+="<tr height=1><td></td><td bgcolor="+c+"></td><td></td></tr></table>"; document.write(bottom_html); } </script> //top_round("테이블넓이","테이블색상"); //테이블 넓이는 퍼센트로도 됩니다. <script>top_round("431","#FFCC66");</script> (위쪽둥근부분) <table border=0 width=431 bgcolor=#FFCC66 cellpadding=0 cellspacing=0> <tr><td>둥글 둥글 -_-</td></tr> </table> <script>bottom_round("431","#FFCC66");</script> (아래쪽둥근부분) [/CODE]


빈둥 플그래머입니다 -_-;
디자너가 둥글게 해주면 코딩하기 귀찮아서..
세이테이블 가져다가 조물딱거렸습니다
허접하지만 유용하게 쓰시길 =_=;;

출처 : PHPSCHOOL.