DDR爱好者之家

js实现文章文字大小字号功能完整实例
站长资源 2025/1/20 佚名
43 1538
DDR爱好者之家 Design By 杰米

本文实例讲述了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程序设计有所帮助。

DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米