当前位置:  编程技术>WEB前端

jQuery之字体大小的设置方法

    来源: 互联网  发布时间:2014-08-25

    本文导语:  先获取字体大小,进行处理。 再将修改的值保存。 slice() 方法可从已有的数组中返回选定的元素。arrayObject.slice(start,end)。start 必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 ...

先获取字体大小,进行处理。

再将修改的值保存。

slice() 方法可从已有的数组中返回选定的元素。
arrayObject.slice(start,end)。
start 必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。

end   可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。

jQuery代码如下:

代码如下:


    $(function(){
        $("span").click(function(){
            //获取para的字体大小
            var thisEle = $("#para").css("font-size");
            //parseFloat的第二个参数表示转化的进制,10就表示转为10进制
            var textFontSize = parseFloat(thisEle , 10);
            //javascript自带方法
            var unit = thisEle.slice(-2); //获取单位
            var cName = $(this).attr("class");
            if(cName == "bigger"){
                    textFontSize += 2;
            }else if(cName == "smaller"){
                    textFontSize -= 2;
            }
            //设置para的字体大小
            $("#para").css("font-size",  textFontSize + unit );
        });
    });
 

html代码如下:
代码如下:


   

        放大
        缩小
   

   

       


        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.
       


   



    
 
 

您可能感兴趣的文章:

  • jQuery大字体插件 Slab Text
  • jQuery特效字体插件 Font effect
  • jQuery字体调整插件 jFontSize
  • jQuery字体大小切换的实现代码
  • jquery更换文章内容与改变字体大小的实现代码
  • jquery 控制页面字体大小的实例代码
  • JQuery 实时改变网页字体大小的代码
  • JQuery 动态改变字体颜色的实现代码
  • jQuery窗口大小调整插件 ResizeEnd
  • JQuery获取上传文件大小(示例)
  • jquery判断上传文件类型与限制文件大小
  • jQuery 计算iframe 窗口大小的方法
  • jquery动态调整div大小使其宽度始终为浏览器宽度
  • jquery实现不同大小浏览器使用不同的css样式表的方法
  • jquery加载图片自适应大小的代码
  • jQuery动态改变图片显示大小(示例代码)
  • jquery预览图片实现鼠标放上去显示实际大小
  • JS和JQUERY获取页面大小,滚动条位置,元素位置(示例代码)
  • jQuery动态改变图片显示大小(修改版)的实现思路及代码
  • jquery实现的随机多彩tag标签随机颜色和字号大小效果
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • jquery设置input中disabled属性
  • jQuery如何获取与设置表单元素
  • jQuery动态背景设置 Backstretch
  • jQuery设置input type值示例
  • JQuery设置input属性(disabled、enabled)
  • jquery select默认选中的设置方法
  • jquery 设置文本框、密码框获得焦点时的样式
  • jquery设置text的值示例(设置文本框 DIV 表单值)
  • JQUERY 设置SELECT选中项代码
  • jQuery设置input type="radio"选中值
  • jQuery元素属性attr设置多个键值的例子
  • jquery当前时间的设置与显示代码
  • jquery easyui通过class方式设置dialog
  • jquery修改与设置属性值的例子
  • jQuery获取和设置表单元素的方法
  • jquery如何设置文本框只读
  • jQuery 获取/设置/删除DOM元素的属性以a元素为例
  • jQuery设置CSS属性(示例)
  • jquery修改属性值实例代码(设置属性值)
  • 博客 iis7站长之家
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery圆角插件 jQuery Corners
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3