Изменение размера текста ползунком - ВебКлиент - заказать сайт в ТамбовеВебКлиент - заказать сайт в Тамбове
город: Тамбов
e-mail: moskwin68@mail.ru

Изменение размера текста ползунком

Измените положение ползунка

HTML

<form id="form">
 <input id="range" type="range" min="10" max="30">
</form>
<span id="paragraph">
 Текст, размер которого будет изменен.
</span>

CSS

#paragraph {
 font-size: 20px;
}

JQuery

$('#range').on('change', function () {
 var v = $(this).val();
 $('#paragraph').css('font-size', v + 'px')
});
$("#form").trigger('reset');