묻고답하기
텍스트를 확대, 축소시키는 버튼 만드는 방법
2004.11.30 21:54
아래는 조선일보사이트에 보면 위쪽의 확대버튼을 누르면 텍스트가 확대되고, 축소버튼을 누르면 텍스트가 축소되는 버튼이 있는데 그 기능과 거의 같은 효과가 있는 스크립트입니다.
근데 레이어가 한 개 있을 때는 이대로 하면 되는데 한 페이지에 레이어가 20개 정도 있을 때( 레이어 이름이 layer1, layer2, layer3......layer20 이렇게 되어있음 )는 어떻게 소스를 고치면 되나요?
참고로 소스 올릴께요
(아래 소스는 이 사이트의 웹스터디 --> javascript 부분에 디아릭스님께서 올려주신 185번 에서 참고한 것입니다.)
<html>
<head>
<script language="JavaScript">
var i=9
function a()
{
if (i < 19) {
i = i + 2
}
document.all.myid.style.fontSize=i
}
</script>
<script language="JavaScript">
var i=11
function b()
{
if (i > 10) {
i = i - 2;
}
document.all.myid.style.fontSize=i
}
</script>
</head>
<body>
<a href="#" onclick="b()">글자축소</a>
<a href="#" onclick="a()">글자확대</a>
<div id="myid">
글자확대 및 글자축소 하기 자바스크립트입니다.
일케 된다는게 참 신기하죠?
그러나 <font style='font-family:돋움;font-size:9pt;' >여기는</font>
안변하네요
</div>
</body>
</html>
근데 레이어가 한 개 있을 때는 이대로 하면 되는데 한 페이지에 레이어가 20개 정도 있을 때( 레이어 이름이 layer1, layer2, layer3......layer20 이렇게 되어있음 )는 어떻게 소스를 고치면 되나요?
참고로 소스 올릴께요
(아래 소스는 이 사이트의 웹스터디 --> javascript 부분에 디아릭스님께서 올려주신 185번 에서 참고한 것입니다.)
<html>
<head>
<script language="JavaScript">
var i=9
function a()
{
if (i < 19) {
i = i + 2
}
document.all.myid.style.fontSize=i
}
</script>
<script language="JavaScript">
var i=11
function b()
{
if (i > 10) {
i = i - 2;
}
document.all.myid.style.fontSize=i
}
</script>
</head>
<body>
<a href="#" onclick="b()">글자축소</a>
<a href="#" onclick="a()">글자확대</a>
<div id="myid">
글자확대 및 글자축소 하기 자바스크립트입니다.
일케 된다는게 참 신기하죠?
그러나 <font style='font-family:돋움;font-size:9pt;' >여기는</font>
안변하네요
</div>
</body>
</html>
