当前位置: 编程技术>jquery
jQuery字体大小切换的实现代码
来源: 互联网 发布时间：2014-09-03
本文导语: jquery控制页面中字体大小切换的代码。 首页，HTML 部分： 代码示例: 字号： 小 中 大 jquery代码部分： 代码示例: $(document).ready(function() { $('#resizer li').click(function() { var fontSize = 1.4; var name = $(this).attr('id'); if (name == ...
jquery控制页面中字体大小切换的代码。
首页，HTML 部分：
代码示例:
jquery代码部分：
代码示例:
$(document).ready(function() {
$('#resizer li').click(function() {
var fontSize = 1.4;
var name = $(this).attr('id');
if (name == 'f_s') {
fontSize -= 0.1
} else if (name == 'f_l') {
fontSize += 0.1
} else if (name == 'f_m') {
fontSize == 1.4
}
$('.entry p').css('font-size', fontSize + 'em') // '.entry p' 要控制的正文的选择器
});
});
$('#resizer li').click(function() {
var fontSize = 1.4;
var name = $(this).attr('id');
if (name == 'f_s') {
fontSize -= 0.1
} else if (name == 'f_l') {
fontSize += 0.1
} else if (name == 'f_m') {
fontSize == 1.4
}
$('.entry p').css('font-size', fontSize + 'em') // '.entry p' 要控制的正文的选择器
});
});
说明：
这里推荐字体以 em 为单位，比较好控制。
您可能感兴趣的文章:
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。