<style type="text/css">big{ background:#FFFFFF; border:1px #ddd solid; width:100px; height:30px; display:block; line-height:

<style type="text/css">
big{ background:#FFFFFF; border:1px #ddd solid; width:100px; height:30px; display:block; line-height:30px; text-align:center; cursor:pointer;}
</style>

<div id="hutia">
Dr. Pizza是中國比薩商業咨詢的(de)領導品牌，爲比薩經營者提供技術、産品、運營、投資等全方位的(de)咨詢服務。我們努力推動中國比薩商業環境以及比薩文化(huà)的(de)發展，幫助中國自主比薩品牌有效提高(gāo)品牌影(yǐng)響力，獲得(de)更好的(de)商業發展空間。爲此，我們開放自己、變革自己、挑戰自己，以适應中國比薩行業不斷發展的(de)未來(lái)！ 網址：www.chinadrpizza.com
</div>

<script>
(function(){
  var o = document.getElementById("hutia");
  var s = o.innerHTML;
  var p = document.createElement("span");
  var n = document.createElement("big");
  p.innerHTML = s.substring(0,100);
  n.innerHTML = s.length > 100 ? "展開" : "";
  n.href = "###";
  n.onclick = function(){
    if (n.innerHTML == "展開"){
      n.innerHTML = "收起";
      p.innerHTML = s;
    }else{
      n.innerHTML = "展開";
      p.innerHTML = s.substring(0,100);
    }
  }
  o.innerHTML = "";
  o.appendChild(p);
  o.appendChild(n);
})();
</script>

上一篇：使用(yòng)CSS控制圖片等比例縮放 下(xià)一篇：CSS 文字過長(cháng)隐藏的(de)方法