js 控制文章中字体的大小,mootools实现

2 篇文章 0 订阅
2 篇文章 0 订阅

文中字体要12、14、16号中选择:

<span class="zh">字号:<b class="change-font">12</b><b class="change-font">14</b><b  class="change-font">16</b></span>

<style type="text/css">
    .font_size{font-weight:bold;margin-right:5px;font-size:14px;}
    .change-font{margin-right:5px;}
</style>


<script type="text/javascript">
    window.addEvent('domready',function(){
        var a = $('dx_wenzhang');        
        $$('.change-font').each(function(item){
            item.addEvent('click',function(){
                $$('.change-font').removeClass('font_size');                                                                                                              a.getElements('p').setStyles({'font-size':this.innerHTML+'px','text-indent':'1em','line-height':(parseInt(this.innerHTML)+12)+'px'});
                this.addClass('font_size');
            })
        })
    })
</script>


 <div class="dx_wenzhang" id="dx_wenzhang">

<p>文章内容 </p>
</div>




评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值