jQuery无限级改变字体大小
作者:逸品 日期:2008-08-20
程序代码 <script type="text/javascript">
$(function(){
$('a').click(function(){
var ele_fontSize = $("#text").css("font-size");
var textSize = parseFloat(ele_fontSize , 10); //得到数字,去掉字符串(单位)
var unit = ele_fontSize.slice(-2); //获取单位
if (this.id == "larger"){
textSize += 2;
}
else{
textSize -= 2;
};
$('p').css("font-size", textSize + unit );
$(this).blur(); //去掉超链接的虚线框
return false; //超链接不跳转
});
});
</script>
$(function(){
$('a').click(function(){
var ele_fontSize = $("#text").css("font-size");
var textSize = parseFloat(ele_fontSize , 10); //得到数字,去掉字符串(单位)
var unit = ele_fontSize.slice(-2); //获取单位
if (this.id == "larger"){
textSize += 2;
}
else{
textSize -= 2;
};
$('p').css("font-size", textSize + unit );
$(this).blur(); //去掉超链接的虚线框
return false; //超链接不跳转
});
});
</script>
jQuery 1.2.6 下载:http://jquery.com/
评论: 0 | 引用: 0 | 查看次数: 1153
发表评论
你没有权限发表评论!
上一篇
下一篇

文章来自:
Tags: 