以后地位:首页 > 建站常识 > 列表

JS 埋没省略笔墨殊效

点击: 次时候:2014/7/12关头词:
<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是中国比萨贸易征询的带领品牌,为比萨经营者供给手艺、产物、经营、投资等全方位的征询办事。咱们尽力鞭策中国比萨贸易情况和比萨文明的成长,赞助中国自立比萨品牌有用进步品牌影响力,取得更好的贸易成长空间。为此,咱们开放本身、变更本身、挑衅本身,以顺应中国比萨行业不时成长的将来! 网址: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>
预定建站
收费供给网站优化
支付关头词