zoukankan      html  css  js  c++  java
  • 文字放大缩小

    function sizeChange(){
    if ($('.article-infor').length > 0) {
    $(".article-infor").each(function () {
    var $this = $(this),
    // $this_p = $this;
    $this_p = $this.find('.allZoom'); //需要所包含的所有内容都可放大缩小
    if ($this_p.length > 0) {
    var fsize = $this_p.css("font-size"),
    textsize = parseInt(fsize, 10),
    px = fsize.slice(-2);
    $this.on('click', '.article_opt .zoom', function () {
    var type = $(this).attr("data-type"),
    new_textsize = type == "zoom_in" ? textsize + 2 : textsize - 2;
    if (new_textsize <= 20 && new_textsize >= 10) {
    textsize = new_textsize;
    $this_p.css("font-size", textsize + px);
    $this_p.find('*').css('font-size', textsize + px);
    //需要所包含的所有内容(如表格内容等)都可放大缩小
    }
    });
    }
    });
    }
    }
    $(".zoom").click(function(){
    sizeChange();
    })
    <div class="article-infor">
    <h2>上交所就*ST博元股票终止上市答记者问</h2>
    <div class="article_opt">
    <span>
    <a href="javascript:window.print();" class="mobile_hide sseicon-icon_print"></a>
    <a href="javascript:;" class="zoom sseicon-icon_fontSizeUp" data-type="zoom_in"></a>
    <a href="javascript:;" class="zoom sseicon-icon_fontSizeDown" data-type="zoom_out"></a>
    </span>
    <i> 2016-03-21</i>
    </div>
    <div class="allZoom">
    <p>上交所就*ST博元股票终止上市答记者问</p>

    </div>

    </div>
  • 相关阅读:
    JSON数据格式
    AJAX入门
    SpringMVC如何处理JSON数据和运行流程
    SpringMVC视图解析器与数据类型转换
    SpringMVC入门——基础知识
    SpringMVC自定义拦截器与异常处理
    SpringMVC实现文件的上传和下载
    Eclipse中安装Springtools插件的步骤
    SpringMVC实现员工信息的增删改查
    文件的上传与下载
  • 原文地址:https://www.cnblogs.com/ylsq/p/5318714.html
Copyright © 2011-2022 走看看