js 控制文章中字体的大小,mootools实现
2014-01-06 11:14
507 查看
文中字体要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>
相关文章推荐
- [置顶] js 控制文章中字体的大小,mootools实现
- 文章内容的保护视力色、字体大小JS实现
- J简单的S实现控制背景颜色、修改字体大小
- js实现动态改变字体大小代码
- JS实现控制图片显示大小的方法【图片等比例缩放功能】
- js改变文章字体大小的实例代码
- 字体大小 js 控制
- js实现文章文字大小字号功能完整实例
- js如何改变文章的字体大小
- 字体大小 js 控制
- js代码学习17--控制字体大小
- 使用js如何改变一篇文章的字体的大小?
- js实现动态改变字体大小代码
- 改变字体大小实现自适应之js方案A
- Android UI设计之<十二>自定义View,实现绚丽的字体大小控制控件FontSliderBar
- neatbeans用js实现图片预览上传(自动控制图片大小)
- JS 控制 字体大小变化
- JS实现文章中显示内容字体 大 中 小 的显示效果
- 用onclick事件实现改变文章字体大小