国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

JQuery 改變頁面字體大小的實現代碼(實時改變網頁字體大小)

2024-05-06 14:22:21
字體:
來源:轉載
供稿:網友
代碼如下:
/*
對頁面上的字體增大、縮小、恢復原始大小
需要在html頁面中定義三個元素
元素的class分別為 resetFont、increaseFont、decreaseFont
在本文件的JQuery事件中分別定義了三個元素的click事件來實現增大、縮小、恢復原始大小
*/
$(function () {
//取得字體大小,在html標記下定義了font-size
var originalFontSize = $("html").css("font-size");
//恢復默認字體大小
$(".resetFont").click(function () {
$("html").css("font-size", originalFontSize);
//JavaScript不向下執行
return false;
});

//加大字體,某個元素的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");
//取得當前字體大小,parseFloat()轉為float類型去除后綴
var currentFontSizeNumber = parseFloat(currentFontSize);
//重新定義字體大小
var newFontSize = currentFontSizeNumber * 0.9;
//重寫樣式表
$("html").css("font-size", newFontSize);
//JavaScript不向下執行
return false;
});
});

實時改變網頁字體大小,jQuery版
適時改變網頁字體大小,引入了jQuery,并且對字體最大能放大的位數或最小能縮小的倍數加了限制,避免一些無意義的功能,當字體小到規定值時,再次點擊縮小功能已經不起作用,這樣做似乎更加人性化。
主站蜘蛛池模板: 北辰区| 卫辉市| 巨野县| 长汀县| 梨树县| 阿拉善盟| 马山县| 安远县| 习水县| 资阳市| 图们市| 定南县| 印江| 涟水县| 内乡县| 宁国市| 繁昌县| 凉城县| 禄丰县| 富川| 青海省| 阳泉市| 龙山县| 博湖县| 靖远县| 靖州| 富川| 华阴市| 金溪县| 黑龙江省| 通许县| 开江县| 昭平县| 府谷县| 弥渡县| 朝阳区| 双峰县| 尼勒克县| 迁安市| 土默特右旗| 大港区|