6
回答
新闻内容字体“大中小”怎么改变?急急急急急急
利用AWS快速构建适用于生产的无服务器应用程序,免费试用12个月>>>   

各位朋友,今天遇到一个问题。就是新闻内容字体“大中小”怎么改变?如图:

现在的问题是我从后台编辑器添加完新闻之后,编辑器本身就把字体

的样式定义好了,然后输出到前台的html代码。

可是现在前台有个改变文章字体大中小的功能,就因为后台编辑器已

经把样式定义好了,我搞来搞去还是不能改变样式,即使改变了,却

出现各种各样的错位、字体等等问题。我不知道各位朋友有没有碰到

过这样的情况,改如何解决?

举报
sirhzy
发帖于7年前 6回/818阅
共有6个答案 最后回答: 7年前

JavaScript 代码:

  //设置字体 by hk 2007-3-9
  function SetFont(size)
  {
      var divBody = document.getElementById("news_content");
      if(!divBody)
      {
	  return;
      }
      divBody.style.fontSize = size + "px";
      var divChildBody = divBody.childNodes;
      for(var i = 0; i < divChildBody.length; i++)
      {
	  if (divChildBody[i].nodeType==1)
	  {
	      divChildBody[i].style.fontSize = size + "px";
	  }
      }
  }

使用方法:

<div class="newsOpera" id="">
【字号:<a href="javascript:SetFont(16)">大</a> <a href="javascript:SetFont(14)">中</a> <a href="javascript:SetFont(12)">小</a>】 【我要打印】</div>
<div id="news_content">
你看我的大小变了没??呵呵
</div>

引用来自#2楼“红薯”的帖子

JavaScript 代码:

  //设置字体 by hk 2007-3-9
  function SetFont(size)
  {
      var divBody = document.getElementById("news_content");
      if(!divBody)
      {
	  return;
      }
      divBody.style.fontSize = size + "px";
      var divChildBody = divBody.childNodes;
      for(var i = 0; i < divChildBody.length; i++)
      {
	  if (divChildBody[i].nodeType==1)
	  {
	      divChildBody[i].style.fontSize = size + "px";
	  }
      }
  }

使用方法:

<div class="newsOpera" id="">
【字号:<a href="javascript:SetFont(16)">大</a> <a href="javascript:SetFont(14)">中</a> <a href="javascript:SetFont(12)">小</a>】 【我要打印】</div>
<div id="news_content">
你看我的大小变了没??呵呵
</div>

 老大神速,谢谢你了。我试试看,不过有担心字体大小变了之后行数会变,这样位置不久又变了吗?

引用来自#4楼“sirhzy”的帖子

引用来自#2楼“红薯”的帖子

JavaScript 代码:

  //设置字体 by hk 2007-3-9
  function SetFont(size)
  {
      var divBody = document.getElementById("news_content");
      if(!divBody)
      {
	  return;
      }
      divBody.style.fontSize = size + "px";
      var divChildBody = divBody.childNodes;
      for(var i = 0; i < divChildBody.length; i++)
      {
	  if (divChildBody[i].nodeType==1)
	  {
	      divChildBody[i].style.fontSize = size + "px";
	  }
      }
  }

使用方法:

<div class="newsOpera" id="">
【字号:<a href="javascript:SetFont(16)">大</a> <a href="javascript:SetFont(14)">中</a> <a href="javascript:SetFont(12)">小</a>】 【我要打印】</div>
<div id="news_content">
你看我的大小变了没??呵呵
</div>

 老大神速,谢谢你了。我试试看,不过有担心字体大小变了之后行数会变,这样位置不久又变了吗?

字体大小变更,自然会带来行数变化啊,这是肯定的。

引用来自#6楼“曾建凯”的帖子

引用来自#4楼“sirhzy”的帖子

引用来自#2楼“红薯”的帖子

JavaScript 代码:

  //设置字体 by hk 2007-3-9
  function SetFont(size)
  {
      var divBody = document.getElementById("news_content");
      if(!divBody)
      {
	  return;
      }
      divBody.style.fontSize = size + "px";
      var divChildBody = divBody.childNodes;
      for(var i = 0; i < divChildBody.length; i++)
      {
	  if (divChildBody[i].nodeType==1)
	  {
	      divChildBody[i].style.fontSize = size + "px";
	  }
      }
  }

使用方法:

<div class="newsOpera" id="">
【字号:<a href="javascript:SetFont(16)">大</a> <a href="javascript:SetFont(14)">中</a> <a href="javascript:SetFont(12)">小</a>】 【我要打印】</div>
<div id="news_content">
你看我的大小变了没??呵呵
</div>

 老大神速,谢谢你了。我试试看,不过有担心字体大小变了之后行数会变,这样位置不久又变了吗?

字体大小变更,自然会带来行数变化啊,这是肯定的。

 谢谢这位朋友,我知道了。

顶部