작성일 : 11-11-29 20:35
|
[JQuery] JQuery Source 폰트 사이즈 늘리기 줄이기
|
 |
|
글쓴이 :
조형래
 조회 : 4,603
|
<script src="js/jquery-1.3.2-vsdoc2.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$('div.button').click(function () {
// 본문 영역을 변수에 담기
var $region = $('div.region');
// GET : 본문 영역의 폰트 사이즈 가져오기
var currentSize = $region.css('fontSize'); // 16px
// px 문자열을 제외한 16만 가져오기
var num = parseFloat(currentSize, 10); // 16px -> 16
// px : 단위를 가져오기
var unit = currentSize.slice(-2); // 16px -> px : 오른쪽에서 2자 가져옴
// 늘리기/줄이기
if (this.id == 'goBic') {
num *= 1.5;
}
else if (this.id == 'goSmall') {
num /= 1.5;
}
// SET : 새롭게 설정된 픽셀값을 레이어 재 설정 : css()
$region.css('fontSize', num + unit); // ?? + px
});
});
</script>
<div id="btn">
<div class="button" id="goBic">늘리기</div>
<div class="button" id="goSmall">줄이기</div>
</div>
<div class="region">
안녕하세요. 여기는 본문입니다.
</div>
|
|
852
