jQuery Tips #1
نویسنده: پویا امینی
تاریخ: ۱۳۹۱/۰۴/۱۷ ۲۰:۵۴
آدرس: www.dntips.ir
| مطالب | ۳۶۹۴ |
| نویسندگان | ۲۷۶ |
| گروههای مطالب | ۱۰۲۴ |
| نقشههای راه | ۱۱۹ |
| دورهها | ۱۴ |
| اشتراکها | ۱۷۹۱۴ |
$(function () {
// اندازه واقعی فونت
var originalFontSize = $('#test').css('font-size');
$(".resetFont").click(function () {
$('#test').css('font-size', originalFontSize);
});
// افزایش اندازه فونت
$(".increaseFont").click(function () {
var currentFontSize = $('#test').css('font-size');
var currentFontSizeNum = parseFloat(currentFontSize);
var newFontSize = currentFontSizeNum + 5;
$('#test').css('font-size', newFontSize);
return false;
});
// کاهش اندازه فونت
$(".decreaseFont").click(function () {
var currentFontSize = $('#test').css('font-size');
var currentFontSizeNum = parseFloat(currentFontSize);
var newFontSize = currentFontSizeNum - 5;
$('#test').css('font-size', newFontSize);
return false;
});
});
<div id="test">
jQuery Tips By Mohsen Bahrzadeh
</div>
<a href="#">decreaseFont</a>
<a href="#">Increase</a>
<a href="#">resetFont</a>
<a class="decreaseFont" href="#">decreaseFont</a>