스크립트 고수들님.... 초보인데요,,
웹페이지에서 클자 확대 축소하는 자바스크립트 좀 알려주세요..
버튼이미지로 클릭되면 커지고 줄어들게 할건데...,,,
자바스크립트 소스랑 html 구문..[body]안에 쓰는것좀,,,, 알려주세요,,
댓글 2개
cshop
13년 전
방법이 무지 많을텐데... (저는 jQuery 로 합니다. 머리가 나쁜 관계로.. 쿨럭.)
그냥 순수 .js 는 이런 식이네요.
<script language="JavaScript" type="text/javascript">
function changeFontSize(inc)
{
var p = document.getElementsByTagName('p');
for(n=0; n<p.length; n++) {
if(p[n].style.fontSize) {
var size = parseInt(p[n].style.fontSize.replace("px", ""));
} else {
var size = 12;
}
p[n].style.fontSize = size+inc + 'px';
}
}
</script>
출처: http://labnol.blogspot.com/2006/12/allow-site-visitors-to-change-font.html
아... 원래 .js 에서 var 로 폰트사이즈 정해서 키우고 줄이고... 그렇게 하는거구나.... ㄲㄷ ㄲ ㄷ 어려운건 아니네요....
그냥 순수 .js 는 이런 식이네요.
<script language="JavaScript" type="text/javascript">
function changeFontSize(inc)
{
var p = document.getElementsByTagName('p');
for(n=0; n<p.length; n++) {
if(p[n].style.fontSize) {
var size = parseInt(p[n].style.fontSize.replace("px", ""));
} else {
var size = 12;
}
p[n].style.fontSize = size+inc + 'px';
}
}
</script>
출처: http://labnol.blogspot.com/2006/12/allow-site-visitors-to-change-font.html
아... 원래 .js 에서 var 로 폰트사이즈 정해서 키우고 줄이고... 그렇게 하는거구나.... ㄲㄷ ㄲ ㄷ 어려운건 아니네요....
phpman
13년 전
좋은 자료 감사
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 630 | 19년 전 | 2344 | ||
| 629 |
 ⓦangcho |
19년 전 | 2005 | |
| 628 |
ⓦangcho |
19년 전 | 3119 | |
| 627 |
ⓦangcho |
19년 전 | 2026 | |
| 626 |
ⓦangcho |
19년 전 | 2066 | |
| 625 |
ⓦangcho |
19년 전 | 1717 | |
| 624 |
ⓦangcho |
19년 전 | 2217 | |
| 623 | 19년 전 | 2192 | ||
| 622 |
 뜨락의이름 |
19년 전 | 2506 | |
| 621 |
ⓦangcho |
19년 전 | 2904 | |
| 620 |
ⓦangcho |
19년 전 | 2402 | |
| 619 | 19년 전 | 2463 | ||
| 618 | 19년 전 | 3510 | ||
| 617 |
 Elbis |
19년 전 | 3230 | |
| 616 |
Elbis |
19년 전 | 3218 | |
| 615 |
Elbis |
19년 전 | 3034 | |
| 614 |
Elbis |
19년 전 | 2042 | |
| 613 |
Elbis |
19년 전 | 2372 | |
| 612 |
Elbis |
19년 전 | 2235 | |
| 611 |
Elbis |
19년 전 | 2080 | |
| 610 |
Elbis |
19년 전 | 2514 | |
| 609 |
Elbis |
19년 전 | 2418 | |
| 608 |
Elbis |
19년 전 | 2807 | |
| 607 | 19년 전 | 2190 | ||
| 606 | 19년 전 | 3522 | ||
| 605 | 19년 전 | 1986 | ||
| 604 | 19년 전 | 2589 | ||
| 603 | 19년 전 | 1607 | ||
| 602 |
 Dream |
19년 전 | 2831 | |
| 601 | 19년 전 | 3072 | ||
| 600 |
 빨간망토의비밀 |
19년 전 | 2153 | |
| 599 | 19년 전 | 1994 | ||
| 598 | 19년 전 | 2476 | ||
| 597 | 19년 전 | 2387 | ||
| 596 |
ⓦangcho |
19년 전 | 3072 | |
| 595 |
ⓦangcho |
19년 전 | 6750 | |
| 594 | 19년 전 | 2706 | ||
| 593 | 19년 전 | 3184 | ||
| 592 |
 damoa.biz |
19년 전 | 3086 | |
| 591 |
ⓦangcho |
19년 전 | 1927 | |
| 590 | 19년 전 | 3363 | ||
| 589 | 19년 전 | 2205 | ||
| 588 |
ⓦangcho |
19년 전 | 2704 | |
| 587 | 19년 전 | 2343 | ||
| 586 |
 cunic |
19년 전 | 4358 | |
| 585 | 19년 전 | 2485 | ||
| 584 | 19년 전 | 2752 | ||
| 583 |
ⓦangcho |
19년 전 | 3520 | |
| 582 |
ⓦangcho |
19년 전 | 3717 | |
| 581 |
ⓦangcho |
19년 전 | 3248 | |
| 580 | 19년 전 | 2482 | ||
| 579 | 19년 전 | 3069 | ||
| 578 | 19년 전 | 3962 | ||
| 577 | 19년 전 | 3805 | ||
| 576 | 19년 전 | 1740 | ||
| 575 |
ⓦangcho |
19년 전 | 2202 | |
| 574 |
 happycommunity |
19년 전 | 5401 | |
| 573 | 19년 전 | 6711 | ||
| 572 | 19년 전 | 2559 | ||
| 571 | 19년 전 | 2103 | ||
| 570 | 19년 전 | 2601 | ||
| 569 | 19년 전 | 3299 | ||
| 568 | 19년 전 | 3522 | ||
| 567 | 19년 전 | 2981 | ||
| 566 | 19년 전 | 2597 | ||
| 565 |
ⓦangcho |
19년 전 | 4714 | |
| 564 |
ⓦangcho |
19년 전 | 6726 | |
| 563 |
ⓦangcho |
19년 전 | 4994 | |
| 562 |
ⓦangcho |
19년 전 | 5945 | |
| 561 |
ⓦangcho |
19년 전 | 2690 | |
| 560 |
ⓦangcho |
19년 전 | 2534 | |
| 559 |
ⓦangcho |
19년 전 | 2220 | |
| 558 |
ⓦangcho |
19년 전 | 2297 | |
| 557 | 19년 전 | 4592 | ||
| 556 |
 Photofly |
19년 전 | 4665 | |
| 555 | 19년 전 | 2501 | ||
| 554 | 19년 전 | 2172 | ||
| 553 | 19년 전 | 2521 | ||
| 552 |
Photofly |
19년 전 | 3156 | |
| 551 | 19년 전 | 2936 | ||
| 550 |
Elbis |
19년 전 | 1892 | |
| 549 |
Elbis |
19년 전 | 1952 | |
| 548 |
Elbis |
19년 전 | 3141 | |
| 547 |
Elbis |
19년 전 | 2355 | |
| 546 |
Elbis |
19년 전 | 3612 | |
| 545 |
Elbis |
19년 전 | 2541 | |
| 544 |
Elbis |
19년 전 | 1847 | |
| 543 |
Elbis |
19년 전 | 2452 | |
| 542 |
Elbis |
19년 전 | 1724 | |
| 541 |
Elbis |
19년 전 | 1404 | |
| 540 |
Elbis |
19년 전 | 1531 | |
| 539 |
Elbis |
19년 전 | 1798 | |
| 538 |
Elbis |
19년 전 | 1580 | |
| 537 |
Elbis |
19년 전 | 1777 | |
| 536 |
Elbis |
19년 전 | 1560 | |
| 535 |
Elbis |
19년 전 | 1958 | |
| 534 |
Elbis |
19년 전 | 1843 | |
| 533 |
Elbis |
19년 전 | 1443 | |
| 532 |
Elbis |
19년 전 | 1441 | |
| 531 |
Elbis |
19년 전 | 1353 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기