隱藏省略文字特效

2012-09-23　來源/作者：懶人圖庫　分類：文字特效　 «»

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>隱藏省略文字特效-懶人圖庫</title>
</head>

<body>

<div   class="w0cmw2u"   id="hutia">這沒事就懶洋洋閑逛的我
迎面駛來了28的永久自行車
我腳下的鞋很破了
可是回力這個牌子還是不錯
小賣店的電視機里在播
白娘子和許仙在唱歌

千年等一回 我無悔啊

這就是80后簡單的生活
你一定不要忘記了
隨著時間慢慢的推移
這一切都離我們遠去
以前十塊錢就能買的東西
現在一定要出動毛主席
現在人們都彼此不相信
在彼此傷害著對方的心
小時候的回憶 已不再清晰

云殘風呼嘯 歲月催人老
只為這一杯 能不哭也不笑
時間難倒回 無人再陪我來醉
那是我的愛啊 一去不再回

無盡的虛偽 無盡的憔悴
無盡的醉了 無盡的眼淚
我的愛呀 是我的輪回
你的愛呀 換不回
無盡的虛偽 無盡的憔悴
無盡的醉了 無盡的眼淚
我的愛呀 是我的輪回
你的愛呀 換不回

吶……吶……吶……吶……吶……

這沒事就懶洋洋閑逛的我
迎面駛來了28的永久自行車
我腳下的鞋很破了
可是回力這個牌子還是不錯
小賣店的電視機里在播
白娘子和許仙在唱歌

千年等一回 我無悔啊
千年等一回 我無悔啊

無盡的虛偽 無盡的憔悴
無盡的醉了 無盡的眼淚
我的愛呀 是我的輪回
你的愛呀 換不回

RAP~
撓一撓二撓金橋，
金橋底下裂瓜瓢，
裂什么裂，豬八戒，
豬什么豬，耗子哭，
耗什么耗，兒馬尿，
兒什么兒，張家屯，
張什么張，五桿槍，
五什么五，牛屁肚，
牛什么牛，嘎蛋球，
嘎什么嘎，燕燕瓦，
燕什么燕，扯幾把蛋，
扯什么扯，孫老戈，
孫什么孫，呂洞賓，
呂什么呂，刷鍋底，
刷什么刷，豆腐渣。

不要忘記我們的回憶，不要忘了我們的夢~
不要忘記我們的回憶，不要忘了我們的夢~
不要忘記我們的回憶，不要忘了我們的夢~
</div>
<p>
  <script>
(function(){
  var o = document.getElementById("hutia");
  var s = o.innerHTML;
  var p = document.createElement("span");
  var n = document.createElement("a");
  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>
  更多代碼請訪問：<a href="http://www.cxj168.com/" target="_blank">懶人圖庫</a></p>
<p><script type="text/javascript" src="http://d.lanrentuku.com/goto/js-preview-728x90.js"></script></p>
</body>
</html>

運行代碼保存代碼提示：您可以先修改部分代碼再運行，保存代碼功能在Firefox下無效。

如果字數超過限定的字符數，那么超過這個字符數后的文字就顯示省略號... 然后出現“展開”或省略號，點擊之后就出現全部內容，也可以收起。

標簽：文字特效