我承认我很.. (第1/2页)
/*
对页面上的字体增大、缩小、恢复原始大小
需要在html页面中定义三个元素
元素的class分别为resetFont、increaseFont、decreaseFont
在本文件的JQuery事件中分别定义了三个元素的click事件来实现增大、缩小、恢复原始大小
*/
$(function(){
//取得字体大小,在html标记下定义了font-size
varoriginalFontSize=$(".entryp").css("font-size");
//恢复默认字体大小
$(".resetFont").click(function(){
$(".entryp").css("font-size",originalFontSize);
//JavaScript不向下执行
returnfalse;
});
//加大字体,某个元素的class定义为increaseFont
$(".increaseFont").click(function(){
//取得当前字体大小后缀px,pt,pc
varcurrentFontSize=$(".entryp").css("font-size");
//取得当前字体大小,parseFloat()转为float类型去除后缀
varcurrentFontSizeNumber=parseFloat(currentFontSize);
//新定义的字体大小
varneFontSize=currentFontSizeNumber*1.2;
//重写样式表
$(".entryp").css("font-size",neFontSize);
//JavaScript不向下执行
returnfalse;
(本章未完,请点击下一页继续阅读)