<link rel="stylesheet" type="text/css" href="jquery.fontSizer.css" media="screen" />
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="jquery.fontScaler.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".要素名").fontScaler({
target: ".要素名",
increment: 'variable',
containerclass: 'fontScaler'
});
});
</script>
あとは上記要素名でくくれば、+-の画像とともにフォント調整が可能になります。
$(".要素名").fontScaler({
target: '.要素名',
containerclass: 'fontScaler',
store:true,
fixed: {
size1: '100', //サイズ小:デフォルト(指定なくともOK)
size2: '200', //サイズ中
size3: '300' //サイズ大
}
});
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In condimentum laoreet gravida. Proin ligula diam, varius id consectetur hendrerit, condimentum vel ipsum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In condimentum laoreet gravida. Proin ligula diam, varius id consectetur hendrerit, condimentum vel ipsum.