js 控制文章中字型的大小,mootools實現

來源:互聯網
上載者:User

文中字型要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>




相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.