 
<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>JS實(shí)現(xiàn)默認(rèn)顯示部分文字，點(diǎn)擊按鈕顯示全部</title> 
</head> 
<body> 
<div id="box"> 
<h2>民間機(jī)構(gòu)提前3天預(yù)報(bào)大理地震 地震局稱違法</h2> 
<p>17日大理州5.0級地震發(fā)生之后，在微博上一條曾在3天前就預(yù)測大理將發(fā)生5.0級地震的微博受到了很多網(wǎng)友的關(guān)注。</p> 
<p>記者聯(lián)系上了微博博主，該博主表示，他是通過分析云南省地震局官方網(wǎng)站的數(shù)據(jù)得出的預(yù)報(bào)信息。對此，省地震局回應(yīng)表示，地震局歡迎民間機(jī)構(gòu)與地震局進(jìn)行一些學(xué)術(shù)上的探討和交流，但民間機(jī)構(gòu)對外公開發(fā)布地震預(yù)報(bào)信息是違法的。</p> 
<p><strong>民間機(jī)構(gòu)預(yù)報(bào)地震受網(wǎng)友追捧</strong></p> 
<p>&ldquo;預(yù)計(jì)72小時(shí)內(nèi)黑色圈圈內(nèi)的地區(qū)都將有一次較強(qiáng)震感，初步鎖定為5級地震，淺源，發(fā)生的位置主要是云南東北昭通（余震）、大理西南部和騰沖交界區(qū)域、和緬甸交界區(qū)域一線（地殼運(yùn)動(dòng)所致）云南巧家縣和四川寧南縣交界區(qū)域。&rdquo;早在4月14日凌晨時(shí)分，微博名為&ldquo;預(yù)報(bào)中心&rdquo;的網(wǎng)民就在微博上發(fā)布了云南地震預(yù)報(bào)信息。該微博被網(wǎng)友轉(zhuǎn)發(fā)了377次。在大理5.0級地震發(fā)生后，&ldquo;小叢&rdquo;等知名網(wǎng)友都轉(zhuǎn)發(fā)了該微博。&ldquo;跪了。&rdquo;知名網(wǎng)友&ldquo;小叢&rdquo;在微博上表示。</p> 
<p>在大理5.0級地震發(fā)生之前，&ldquo;預(yù)報(bào)中心&rdquo;還陸續(xù)發(fā)布了3條地震預(yù)報(bào)的微博，并附有預(yù)報(bào)將發(fā)生地震的地圖，及一張昆明地震監(jiān)測點(diǎn)的原始數(shù)據(jù)圖。</p> 
<p>這一微博得到了一些網(wǎng)友的轉(zhuǎn)發(fā)及稱贊。&ldquo;頂，預(yù)報(bào)高手在民間，持續(xù)關(guān)注中。&rdquo;網(wǎng)民&ldquo;orfila2011&rdquo;在評論中表示；&ldquo;陜西藍(lán)天救援隊(duì)&rdquo;官方微博也表示，民間在地震預(yù)測工作中有價(jià)值的經(jīng)驗(yàn)方法，有關(guān)部門應(yīng)給予足夠的重視。</p> 
<p><strong>預(yù)報(bào)根據(jù)省地震局?jǐn)?shù)據(jù)分析得出</strong></p> 
<p>該民間地震預(yù)報(bào)微博的資料顯示，所在地位于湖北。&ldquo;很久以前，該微博就已經(jīng)在微博上播報(bào)地震預(yù)測信息，但一直很神秘。&rdquo;有網(wǎng)友表示。昨日，記者通過微博聯(lián)系上這一神秘民間地震預(yù)報(bào)機(jī)構(gòu)。</p> 
<p>該民間機(jī)構(gòu)是怎樣獲得地震預(yù)報(bào)信息的？該微博博主向記者表示，他們是根據(jù)云南省地震局官網(wǎng)云南地震數(shù)據(jù)共享中心查詢到了云南省內(nèi)的一些地震監(jiān)測數(shù)據(jù)，分析得出的預(yù)報(bào)信息。記者發(fā)現(xiàn)，確實(shí)可以通過該網(wǎng)站查到云南各地震監(jiān)測點(diǎn)的預(yù)處理數(shù)據(jù)。</p> 
<p>&gt;該微博博主還透露，分析這些相關(guān)數(shù)據(jù)需要很多專業(yè)知識(shí)，但并不需要儀器。對于民間機(jī)構(gòu)預(yù)報(bào)地震的動(dòng)力，該博主表示&ldquo;物質(zhì)和精神都有&rdquo;。對于其他信息，該博主不愿意更多透露。</p> 
<p><strong>省地震局：民間僅限于學(xué)術(shù)交流</strong></p> 
<p>&ldquo;地震預(yù)測預(yù)報(bào)必須遵守相應(yīng)的法律法規(guī)。&rdquo;省地震局科學(xué)技術(shù)處處長、新聞發(fā)言人張俊偉在接受記者采訪時(shí)表示，根據(jù)我國法律，任何個(gè)人或民間機(jī)構(gòu)對外發(fā)布地震預(yù)報(bào)信息都是違法行為。</p> 
<p>國家《地震預(yù)報(bào)管理?xiàng)l例》規(guī)定，省、自治區(qū)、直轄市的地震長期預(yù)報(bào)、地震中期預(yù)報(bào)、地震短期預(yù)報(bào)和臨震預(yù)報(bào)，由省、自治區(qū)、直轄市人民政府發(fā)布。</p> 
<p>對于這些民間的地震預(yù)報(bào)機(jī)構(gòu)，張俊偉表示，云南省地震局一直都有所關(guān)注和了解。除了本次發(fā)布預(yù)報(bào)信息的&ldquo;預(yù)報(bào)中心&rdquo;外，這樣的民間地震預(yù)報(bào)機(jī)構(gòu)及人士還有很多。對于有網(wǎng)友提出能否加強(qiáng)官與民的合作交流。張俊偉表示，目前他個(gè)人并沒有與這些民間機(jī)構(gòu)取得過聯(lián)系，但地震局對這些民間機(jī)構(gòu)一直抱著包容與開放的態(tài)度，歡迎其與地震局進(jìn)行學(xué)術(shù)探討和交流。</p> 
<p>&ldquo;但另一方面，對外公開發(fā)布地震預(yù)報(bào)信息始終是違法的。我們對這些公開發(fā)布地震預(yù)報(bào)信息的民間機(jī)構(gòu)也很頭痛，擔(dān)心給社會(huì)帶來不良的影響。&rdquo;張俊偉認(rèn)為，市民、網(wǎng)友不應(yīng)采信民間機(jī)構(gòu)發(fā)布的地震預(yù)報(bào)消息。</p> 
</div> 
<script> 
function show(){ 
var box = document.getElementById("box"); 
var text = box.innerHTML; 
var newBox = document.createElement("div"); 
var btn = document.createElement("a"); 
newBox.innerHTML = text.substring(0,200); 
btn.innerHTML = text.length > 200 ? "...顯示全部" : ""; 
btn.href = "###"; 
btn.onclick = function(){ 
if (btn.innerHTML == "...顯示全部"){ 
btn.innerHTML = "收起"; 
newBox.innerHTML = text; 
}else{ 
btn.innerHTML = "...顯示全部"; 
newBox.innerHTML = text.substring(0,200); 
} 
} 
box.innerHTML = ""; 
box.appendChild(newBox); 
box.appendChild(btn); 
} 
show(); 
</script> 
</body> 
</html> 

jQuery插件：jquery.limittext.js

復(fù)制代碼代碼如下:

 
/** 
* demo: 
* 1.$("#limittext").limittext(); 
* 2.$("#limittext").limittext({"limit":1}); 
* 3.$("#limittext").limittext({"limit":1,"fill":"......","morefn":{"status":true}}); 
* 4.$("#limittext").limittext({"limit":1,"fill":"......","morefn":{"status":true,"moretext":"更多","lesstext":"隱藏部分","fullfn":function(){alert("more")},"lessfn":function(){alert("less")}}}) 
* 5.$("#limittext").limittext({"limit":1,"fill":"......","morefn":{"status":true}}).limit("all"); 
* @param {Object} opt 
* { 
* limit:30,//顯示文字個(gè)數(shù) 
* fill:'...'//隱藏時(shí)候填充的文字 
* morefn:{ 
* status:false,//是否啟用更多 
* moretext: "(more)",//隱藏部分文字時(shí)候顯示的文字 
* lesstext:"(less)",//全部文字時(shí)候顯示的文字 
* cssclass:"limittextclass",//啟用更多的A標(biāo)簽的CSS類名 
* lessfn:function(){},//當(dāng)文字為更少顯示時(shí)候回調(diào)函數(shù) 
* fullfn:function(){}//當(dāng)文字為更多時(shí)候回調(diào)函數(shù) 
* } 
* @author Lonely 
* @link http://www.liushan.net 
* @Download:http://down.liehuo.net 
* @version 0.2 
*/ 
jQuery.fn.extend({ 
limittext:function(opt){ 
opt=$.extend({ 
"limit":30, 
"fill":"..." 
},opt); 
opt.morefn=$.extend({ 
"status": false, 
"moretext": "(more)", 
"lesstext":"(less)", 
"cssclass": "limittextclass", 
"lessfn": function(){ 
}, 
"fullfn": function(){ 
} 
},opt.morefn); 
var othis=this; 
var $this=$(othis); 
var body=$this.data('body'); 
if(body==null){ 
body=$this.html(); 
$this.data('body',body); 
} 
var getbuttom=function(showtext){ 
return "<a href='javascript:;' class='" 
+opt.morefn.cssclass+"'>" 
+showtext 
+"<a>"; 
} 
this.limit=function(limit){ 
if(body.length<=limit||limit=='all'){ 
var showbody=body+(opt.morefn.status?getbuttom(opt.morefn.lesstext):""); 
}else{ 
if(!opt.morefn.status){ 
var showbody=body.substring(0,limit) 
+opt.fill; 
}else{ 
var showbody=body.substring(0,limit) 
+opt.fill 
+getbuttom(opt.morefn.moretext); 
} 
} 
$this.html(showbody); 
} 
this.limit(opt.limit); 
$("."+opt.morefn.cssclass).live("click",function(){ 
if($(this).html()==opt.morefn.moretext){ 
showbody=body 
+getbuttom(opt.morefn.lesstext); 
$this.html(showbody); 
opt.morefn.fullfn(); 
}else{ 
othis.limit(opt.limit); 
opt.morefn.lessfn(); 
} 
}); 
return this; 
} 
}); 