本文实例讲述了js实现文章文字大小字号功能的方法。分享给大家供大家参考。具体分析如下:
文字大中小是很多网站供用户阅读方便的一个功能,本文实例介绍的文字大中小字号功能可以在用户选择之后打开只要在同网站打开另一篇文章都会根据用户习惯来显示字体大小。
大家一定在某些大型网站看到过文章标题下三个按钮 “大”、“中”、“小”,用来照顾不同人的阅读习惯。这里我就要介绍这种方法,而且比它们的还支持自动保存哦~只要选择一次,下次阅读自动调整到喜欢的字号。
JS 代码部分:
首先把下边的 JS 放到 JS 文件或者 script 标签里:
复制代码 代码如下:jQuery.cookie = function(name, value, options) {
if (typeof value != 'undefined') {
options = options || {};
if (value === null) {
value = '';
options.expires = -1;
}
var expires = '';
if (options.expires && (typeof options.expires == 'number' || options.expires.toUTCString)) {
var date;
if (typeof options.expires == 'number') {
date = new Date();
date.setTime(date.getTime() + (options.expires * 24 * 60 * 60 * 1000));
} else {
date = options.expires;
}
expires = '; expires=' + date.toUTCString();
}
var path = options.path ".context").css("font-size",size);//.context 换成你文章内容的容器
};
$(document).ready(function(){
SetFont( $.cookie('Font_size') + 'px' );
});
注意把代码的 .context 换成你的文章内容容器。
Html 代码部分:
然后在需要的地方调用下边的代码:
复制代码 代码如下:<a href="javascript:SetFont(16)">大</a>
<a href="javascript:SetFont(14)">中</a>
<a href="javascript:SetFont(12)">小</a>
可以自定义 SetFont() 函数里的字号以及文字。
希望本文所述对大家基于javascript的web程序设计有所帮助。
js,文章,文字,字号,功能
P70系列延期,华为新旗舰将在下月发布
3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。
而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?
根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。
更新动态
- 群星 再次征服挑剔的耳朵《发烧天籁女声 5CD》[WAV+CUE][3.3GB]
- 费玉清《一剪梅 HQCD 不朽的经典》[WAV+CUE][670MB]
- 西游笔绘西行新手攻略 新手入门指南分享
- 崩坏星穹铁道椒丘遗器怎么选 崩铁椒丘遗器搭配攻略
- 西游笔绘西行怎么预约 游戏预约方法分享
- 《战争机器人:前线》基础攻略 简述+配置+下载
- 《瑞奇与叮当:时空跳转》评测:穿越机能秀
- 图虽然老 但她实在太大了 动图 少妇春色满园遮不住啊
- SYMPHONIESINHI-FI2(发烧交响乐2)MQGCD2022原抓WAV
- CD圣经上榜天碟1996-李谷一-《秋水伊人》[LPCD45][WAV+CUE]
- [ABC唱片]-《西电之声—人声》[德国版HD]WAV+CUE
- 《地狱潜者2》Reddit社区发文 呼吁大家撤销游戏差评
- 外媒评选期待已久的15款游戏:《老滚6》杳无音讯
- 不是自愿给的吗!越来越多美国人被小费文化逼疯
- 张智成.2019-你是不是张智成【海蝶音乐】【FLAC分轨】