html前端页⾯的字体⼤⼩,JQuery改变页⾯字体⼤⼩的实现代码（实时改变⽹页字体⼤⼩）...
/*
html个人网页制作代码范列对页⾯上的字体增⼤、缩⼩、恢复原始⼤⼩
需要在html页⾯中定义三个元素
元素的class分别为 resetFont、increaseFont、decreaseFont
python类和对象在本⽂件的JQuery事件中分别定义了三个元素的click事件来实现增⼤、缩⼩、恢复原始⼤⼩
*/
$(function () {
//取得字体⼤⼩，在html标记下定义了font-size
var originalFontSize = $("html").css("font-size");
currency是什么//恢复默认字体⼤⼩
$(".resetFont").click(function () {
$("html").css("font-size", originalFontSize);
//JavaScript不向下执⾏
return false;
c 正则表达式大全});
//加⼤字体，某个元素的class定义为increaseFont
$(".increaseFont").click(function () {
//取得当前字体⼤⼩ 后缀px,pt,pc
var currentFontSize = $("html").css("font-size");
//取得当前字体⼤⼩，parseFloat()转为float类型去除后缀
var currentFontSizeNumber = parseFloat(currentFontSize);
/
/新定义的字体⼤⼩
var newFontSize = currentFontSizeNumber * 1.1;
//重写样式表
$("html").css("font-size", newFontSize);
//JavaScript不向下执⾏
return false;
});
//减⼩字体，某个元素的class定义为decreaseFont
$(".decreaseFont").click(function () {
//取得当前字体⼤⼩ 后缀px,pt,pc
var currentFontSize = $("html").css("font-size");
windows进程管理实验报告/
/取得当前字体⼤⼩，parseFloat()转为float类型去除后缀
var currentFontSizeNumber = parseFloat(currentFontSize);
//重新定义字体⼤⼩
var newFontSize = currentFontSizeNumber * 0.9;
//重写样式表
$("html").css("font-size", newFontSize);
//JavaScript不向下执⾏
return false;
});
});
实时改变⽹页字体⼤⼩，jQuery版
适时改变⽹页字体⼤⼩，引⼊了jQuery，并且对字体最⼤能放⼤的位数或最⼩能缩⼩的倍数加了限制，避免⼀些⽆意义的功能，当字体⼩到规定值时，再次点击缩⼩功能已经不起作⽤，这样做似乎更加⼈性化。
适时改变⽹页字体⼤⼩，jQuery版
放⼤
缩⼩
This is some text. This is some text. This is some text. This is some text. This
is some text. This is some text. This is some text. This is some text. This is some
text. This is some text. This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text. This is some text. This
is some text. This is some text.
div是什么意思音乐[Ctrl+A 全选 注：如需引⼊外部Js需刷新才能执⾏]

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。