스크립트 고수들님.... 초보인데요,,
웹페이지에서 클자 확대 축소하는 자바스크립트 좀 알려주세요..
버튼이미지로 클릭되면 커지고 줄어들게 할건데...,,,
자바스크립트 소스랑 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년 전
좋은 자료 감사
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 530 |
 Elbis |
19년 전 | 1226 | |
| 529 |
Elbis |
19년 전 | 1408 | |
| 528 |
Elbis |
19년 전 | 1975 | |
| 527 |
사랑과우정
|
19년 전 | 2385 | |
| 526 | 19년 전 | 2868 | ||
| 525 |
 ⓦangcho |
19년 전 | 2290 | |
| 524 |
 damoa.biz |
19년 전 | 1795 | |
| 523 | 19년 전 | 7030 | ||
| 522 |
ⓦangcho |
19년 전 | 3725 | |
| 521 | 19년 전 | 2332 | ||
| 520 | 19년 전 | 2366 | ||
| 519 | 19년 전 | 2858 | ||
| 518 |
 jepae |
19년 전 | 5774 | |
| 517 |
jepae |
19년 전 | 5548 | |
| 516 |
jepae |
19년 전 | 2252 | |
| 515 |
jepae |
19년 전 | 3290 | |
| 514 | 19년 전 | 2860 | ||
| 513 | 19년 전 | 2214 | ||
| 512 |
개발자관리자
|
19년 전 | 2726 | |
| 511 |
개발자관리자
|
19년 전 | 1581 | |
| 510 |
개발자관리자
|
19년 전 | 1738 | |
| 509 |
개발자관리자
|
19년 전 | 1833 | |
| 508 |
개발자관리자
|
19년 전 | 2002 | |
| 507 |
개발자관리자
|
19년 전 | 1682 | |
| 506 |
개발자관리자
|
19년 전 | 1803 | |
| 505 |
개발자관리자
|
19년 전 | 1770 | |
| 504 |
개발자관리자
|
19년 전 | 1848 | |
| 503 |
개발자관리자
|
19년 전 | 1520 | |
| 502 |
개발자관리자
|
19년 전 | 2644 | |
| 501 | 19년 전 | 1986 | ||
| 500 | 19년 전 | 3235 | ||
| 499 | 19년 전 | 3260 | ||
| 498 | 19년 전 | 2518 | ||
| 497 | 19년 전 | 2599 | ||
| 496 | 19년 전 | 2436 | ||
| 495 | 19년 전 | 2696 | ||
| 494 | 19년 전 | 2676 | ||
| 493 | 19년 전 | 3172 | ||
| 492 | 19년 전 | 2879 | ||
| 491 | 19년 전 | 5296 | ||
| 490 |
Wangcho |
19년 전 | 2119 | |
| 489 |
Wangcho |
19년 전 | 2204 | |
| 488 |
Wangcho |
19년 전 | 2004 | |
| 487 |
Wangcho |
19년 전 | 1938 | |
| 486 |
Wangcho |
19년 전 | 1936 | |
| 485 |
Wangcho |
19년 전 | 2131 | |
| 484 |
뜨락의이름 |
19년 전 | 3203 | |
| 483 |
뜨락의이름 |
19년 전 | 3087 | |
| 482 |
뜨락의이름 |
19년 전 | 2847 | |
| 481 |
뜨락의이름 |
19년 전 | 2537 | |
| 480 |
뜨락의이름 |
19년 전 | 2627 | |
| 479 |
뜨락의이름 |
19년 전 | 2293 | |
| 478 |
뜨락의이름 |
19년 전 | 2325 | |
| 477 |
개발자관리자
|
19년 전 | 1584 | |
| 476 |
개발자관리자
|
19년 전 | 2306 | |
| 475 |
개발자관리자
|
19년 전 | 2655 | |
| 474 |
개발자관리자
|
19년 전 | 2652 | |
| 473 |
개발자관리자
|
19년 전 | 2965 | |
| 472 | 19년 전 | 2730 | ||
| 471 | 19년 전 | 1720 | ||
| 470 | 19년 전 | 1818 | ||
| 469 |
뜨락의이름 |
19년 전 | 2722 | |
| 468 |
jepae |
19년 전 | 2215 | |
| 467 |
뜨락의이름 |
19년 전 | 3990 | |
| 466 |
뜨락의이름 |
19년 전 | 2500 | |
| 465 | 19년 전 | 2373 | ||
| 464 | 19년 전 | 3519 | ||
| 463 |
뜨락의이름 |
19년 전 | 3097 | |
| 462 |
뜨락의이름 |
19년 전 | 2236 | |
| 461 |
뜨락의이름 |
19년 전 | 3030 | |
| 460 |
뜨락의이름 |
19년 전 | 2237 | |
| 459 |
뜨락의이름 |
19년 전 | 3093 | |
| 458 |
뜨락의이름 |
19년 전 | 3517 | |
| 457 |
뜨락의이름 |
19년 전 | 5209 | |
| 456 |
뜨락의이름 |
19년 전 | 3127 | |
| 455 |
스마일미디어
|
19년 전 | 3125 | |
| 454 |
스마일미디어
|
19년 전 | 2716 | |
| 453 |
스마일미디어
|
19년 전 | 2458 | |
| 452 |
스마일미디어
|
19년 전 | 2713 | |
| 451 |
스마일미디어
|
19년 전 | 2436 | |
| 450 |
스마일미디어
|
19년 전 | 2555 | |
| 449 |
스마일미디어
|
19년 전 | 2359 | |
| 448 |
스마일미디어
|
19년 전 | 2690 | |
| 447 | 19년 전 | 2957 | ||
| 446 |
스마일미디어
|
19년 전 | 3239 | |
| 445 |
스마일미디어
|
19년 전 | 7046 | |
| 444 |
스마일미디어
|
19년 전 | 5166 | |
| 443 |
스마일미디어
|
19년 전 | 2419 | |
| 442 |
스마일미디어
|
19년 전 | 5153 | |
| 441 |
스마일미디어
|
19년 전 | 3096 | |
| 440 |
damoa.biz |
19년 전 | 2452 | |
| 439 | 19년 전 | 2146 | ||
| 438 | 19년 전 | 3564 | ||
| 437 |
 imgstory |
19년 전 | 2867 | |
| 436 |
 cunic |
19년 전 | 3247 | |
| 435 |
cunic |
19년 전 | 2881 | |
| 434 | 19년 전 | 3378 | ||
| 433 |
sjsjin
|
19년 전 | 2706 | |
| 432 |
sjsjin
|
19년 전 | 3453 | |
| 431 |
sjsjin
|
19년 전 | 2414 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기