자유로운 폰트의 확대-축소(비슷한거) 정보
자유로운 폰트의 확대-축소(비슷한거)
본문
<script>
//글자크기 조정
var TitleCurrentFontSize = 20;
var ContentCurrentFontSize = 16;
var TitleCurrentLineHeight = 16;
var ContentCurrentLineHeight = 16;
function SetFontSize(SizeFlag) {
obj = document.all;
if (SizeFlag == '0') {
TitleCurrentFontSize = TitleCurrentFontSize + 1;
ContentCurrentFontSize = ContentCurrentFontSize + 1;
TitleCurrentLineHeight = parseInt(TitleCurrentFontSize*1.6);
ContentCurrentLineHeight = parseInt(ContentCurrentFontSize*1.6);
obj.title.style.fontSize = TitleCurrentFontSize + "px";
obj.title.style.lineHeight = TitleCurrentLineHeight + "px";
obj.content.style.fontSize = ContentCurrentFontSize + "px";
obj.content.style.lineHeight = ContentCurrentLineHeight + "px";
} else {
if ((TitleCurrentFontSize>0) && (ContentCurrentFontSize>0)) {
TitleCurrentFontSize = TitleCurrentFontSize - 1;
ContentCurrentFontSize = ContentCurrentFontSize - 1;
TitleCurrentLineHeight = parseInt(TitleCurrentFontSize*1.6);
ContentCurrentLineHeight = parseInt(ContentCurrentFontSize*1.6);
}
obj.title.style.fontSize = TitleCurrentFontSize + "px";
obj.title.style.lineHeight = TitleCurrentLineHeight + "px";
obj.content.style.fontSize = ContentCurrentFontSize + "px";
obj.content.style.lineHeight = ContentCurrentLineHeight + "px";
}
}
</script>
</head>
<body style='margin-top:0; margin-right:0; margin-left:0;'>
<table border=0 cellpadding=0 cellspacing=0>
<tr height=13 valign=top>
<td width=13 style='background:url() no-repeat center middle; cursor:hand;' onclick='javascript:SetFontSize(0);' ;><b>+</b></td>
<td width=5></td>
<td width=13 style='background:url() no-repeat center middle; cursor:hand;' onclick='javascript:SetFontSize(1);' ;><b>-</b></td>
</tr>
</table>
<center>
<td style='font-size:20px;color:#000000;font-weight:bold;letter-spacing:-1px'>
<span id=title><!--ts-->타이틀<!--te--></span></td>
</table>
<table width=100% border=0 cellpadding=0 cellspacing=0>
<tr>
<td style='text-align:left;font-size:14px; line-height:23px;'>
<span id=content><!--bs--><center>내용<!--be-->
</span>
</td>
</tr>
</table>
<!--여기까지-->
여거이는 위에서 처음 시작되는 폰트 사이즈를 여러개 사용할 수 있다는 겁니다.
타이틀 크기와 내용의 폰트 크기를 서로 틀리게 할 수 있이죠.
누가 스킨으로 만드세요.
아니면 제가 얼렁뚱떵 만들고 오천점 먹습니다. 하하하
//글자크기 조정
var TitleCurrentFontSize = 20;
var ContentCurrentFontSize = 16;
var TitleCurrentLineHeight = 16;
var ContentCurrentLineHeight = 16;
function SetFontSize(SizeFlag) {
obj = document.all;
if (SizeFlag == '0') {
TitleCurrentFontSize = TitleCurrentFontSize + 1;
ContentCurrentFontSize = ContentCurrentFontSize + 1;
TitleCurrentLineHeight = parseInt(TitleCurrentFontSize*1.6);
ContentCurrentLineHeight = parseInt(ContentCurrentFontSize*1.6);
obj.title.style.fontSize = TitleCurrentFontSize + "px";
obj.title.style.lineHeight = TitleCurrentLineHeight + "px";
obj.content.style.fontSize = ContentCurrentFontSize + "px";
obj.content.style.lineHeight = ContentCurrentLineHeight + "px";
} else {
if ((TitleCurrentFontSize>0) && (ContentCurrentFontSize>0)) {
TitleCurrentFontSize = TitleCurrentFontSize - 1;
ContentCurrentFontSize = ContentCurrentFontSize - 1;
TitleCurrentLineHeight = parseInt(TitleCurrentFontSize*1.6);
ContentCurrentLineHeight = parseInt(ContentCurrentFontSize*1.6);
}
obj.title.style.fontSize = TitleCurrentFontSize + "px";
obj.title.style.lineHeight = TitleCurrentLineHeight + "px";
obj.content.style.fontSize = ContentCurrentFontSize + "px";
obj.content.style.lineHeight = ContentCurrentLineHeight + "px";
}
}
</script>
</head>
<body style='margin-top:0; margin-right:0; margin-left:0;'>
<table border=0 cellpadding=0 cellspacing=0>
<tr height=13 valign=top>
<td width=13 style='background:url() no-repeat center middle; cursor:hand;' onclick='javascript:SetFontSize(0);' ;><b>+</b></td>
<td width=5></td>
<td width=13 style='background:url() no-repeat center middle; cursor:hand;' onclick='javascript:SetFontSize(1);' ;><b>-</b></td>
</tr>
</table>
<center>
<td style='font-size:20px;color:#000000;font-weight:bold;letter-spacing:-1px'>
<span id=title><!--ts-->타이틀<!--te--></span></td>
</table>
<table width=100% border=0 cellpadding=0 cellspacing=0>
<tr>
<td style='text-align:left;font-size:14px; line-height:23px;'>
<span id=content><!--bs--><center>내용<!--be-->
</span>
</td>
</tr>
</table>
<!--여기까지-->
여거이는 위에서 처음 시작되는 폰트 사이즈를 여러개 사용할 수 있다는 겁니다.
타이틀 크기와 내용의 폰트 크기를 서로 틀리게 할 수 있이죠.
누가 스킨으로 만드세요.
아니면 제가 얼렁뚱떵 만들고 오천점 먹습니다. 하하하
추천
0
0
댓글 1개
만들어 올려주세요..........^^ .....ㅎㅎ