키보드로 텍스트 크기조절 및 색상을 변경
페이지 정보
작성자 서방님 댓글 0건 조회 175회 작성일 07-08-08 17:57본문
<html>
<head>
<title>BLUEB</title>
<script language="JavaScript" type="text/javascript">
<!--
var textsize=14;
var increase=5;
var decrease=5;
var origin=textsize;
window.document.onkeypress=main;
function main()
{
switch(event.keyCode)
{
case 101:case 69:case 43:
enlarge();
break;
case 115:case 83:case 45:
shrink();
break;
case 111:case 79:case 42:
orig();
break;
case 98:case 66:
makecolor("blue");
break;
case 82:case 114:
makecolor("red");
break;
case 68:case 100:
makecolor("black");
break;
case 71:case 103:
makecolor("green");
break;
}
}
function enlarge()
{
textsize>100?window.alert("Too Large"):document.getElementById('sid0').style.fontSize=textsize+=increase;
}
function shrink()
{
textsize<5?window.alert("Too Small"):document.getElementById('sid0').style.fontSize=textsize-=decrease;
}
function orig()
{
document.getElementById('sid0').style.fontSize=origin;
textsize=origin;
}
function makecolor(COLOR)
{
document.getElementById('sid0').style.color=COLOR;
}
//-->
</script>
</head>
<body>
<table width=400 cellpadding=3 cellspacing=1 border=0 bgcolor=999999>
<tr bgcolor=efefef><td>항목</td><td><B>단축키</B></td></tr>
<tr bgcolor=efefef><td>텍스트 확대</td><td> <B>+ or e </B></td></tr>
<tr bgcolor=efefef><td>텍스트 축소</td><td> <B>- or s </B></td></tr>
<tr bgcolor=efefef><td>오리지날 사이즈</td><td> <B>* or o </B></td></tr>
<tr bgcolor=efefef><td>텍스트 색상을 파란색으로변경</td><td><B>b</B></td></tr>
<tr bgcolor=efefef><td>텍스트 색상을 빨강색으로변경</td><td> <B>r</B> </td></tr>
<tr bgcolor=efefef><td>텍스트 색상을 검정색으로변경</td><td> <B>d</B> </td></tr>
<tr bgcolor=efefef><td>텍스트 색상을 녹색으로변경</td><td> <B>g</B> </td></tr>
</table>
키보드로 아래 BLUEB URL을 조정해 보세요.<br>
<span id="sid0" name="span">http://www.blueb.co.kr</span>
</body>
</html>
댓글목록
등록된 댓글이 없습니다.
