JS/jQuery實作預設顯示部分文字點擊按鈕顯示全部內容_javascript技巧

複製程式碼 程式碼如下:

民間機構提前3天預報大理地震地震局稱違法

17日大理州5.0級地震發生之後，在微博上一條曾在3天前就預測大理將發生5.0級地震的微博受到了很多網友的關注。

記者聯繫上了微博博主，該博主表示，他是透過分析雲南省地震局官方網站的數據得出的預報資訊。對此，省地震局回應表示，地震局歡迎民間機構與地震局進行一些學術上的探討和交流，但民間機構對外公開發布地震預報資訊是違法的。

民間機構預報地震受網友追捧

「預計72小時內黑色圈圈內的地區都將有一次較強震感，初步鎖定為5級地震，淺源，發生的位置主要是雲南東北昭通（餘震）、大理西南部和騰衝交界區域、和緬甸交界區域一線（地殼運動所致）雲南巧家縣和四川寧南縣交界區。該微博被網友轉發了377次。在大理5.0級地震發生後，「小叢」等知名網友都轉發了該微博。 「跪了。」知名網友「小叢」在微博上表示。

在大理5.0級地震發生之前，「預報中心」還陸續發布了3條地震預報的微博，並附有預報將發生地震的地圖，及一張昆明地震監測點的原始數據圖。

這一微博得到了一些網友的轉發及稱讚。 「頂，預報高手在民間，持續關注中。」網友「orfila2011」在評論中表示；「陝西藍天救援隊」官方微博也表示，民間在地震預測工作中有價值的經驗方法，有關部門應給予足夠的重視。

預報根據省地震局資料分析得出

此民間地震預報微博的資料顯示，所在地位於湖北。 「很久以前，該微博就已經在微博上播報地震預報訊息，但一直很神秘。」有網友表示。昨日，記者透過微博聯繫上這一神秘民間地震預報機構。

該民間機構是如何獲得地震預報資訊的？該微博部落客向記者表示，他們是根據雲南省地震局官網雲南地震數據共享中心查詢到了雲南省內的一些地震監測數據，分析得出的預報資訊。記者發現，確實可以透過該網站查到雲南各地震監測點的預處理資料。

>這位微博部落客也透露，分析這些相關數據需要很多專業知識，但並不需要儀器。對於民間機構預報地震的動力，該部落客表示「物質和精神都有」。對於其他信息，該博主不願意透露更多。

省地震局：民間僅限於學術交流

「地震預報預報必須遵守相應的法律法規。」省地震局科學技術處處長、新聞發言人張俊偉在接受記者採訪時表示，根據我國法律，任何個人或民間機構對外發布地震預報資訊都是違法行為。

國家《地震預報管理條例》規定，省、自治區、直轄市的地震長期預報、地震中期預報、地震短期預報和臨震預報，由省、自治區、直轄市人民政府發布。

對於這些民間的地震預報機構，張俊偉表示，雲南省地震局一直都有所關注和了解。除了這次發布預報訊息的「預報中心」外，這樣的民間地震預報機構及人士還有很多。對於有網友提出能否加強官與民的合作交流。張俊偉表示，目前他個人並沒有與這些民間機構取得過聯繫，但地震局對這些民間機構一直抱著包容與開放的態度，歡迎其與地震局進行學術探討和交流。

「但另一方面，對外公開發布地震預報資訊始終是違法的。我們對這些公開發布地震預報資訊的民間機構也很頭痛，擔心給社會帶來不良的影響。「Zhang Junwei 氏は、国民やネットユーザーは民間団体が発表する地震予測情報に依存すべきではないと考えています。

<script> <br>function show(){ <br>var box = document.getElementById("box"); <br>var text = box.innerHTML; <br>var newBox = document.createElement("a) ") ; <br>newBox.innerHTML = text.substring(0,200); <br>btn.innerHTML = text.length > 200 ? "...すべて表示" : ""; <br>btn.href = " ## #"; <br>btn.onclick = function(){ <br>if (btn.innerHTML == "...すべて表示"){ <br>btn.innerHTML = "折りたたむ"; <br>newBox . innerHTML = text; <br>}else{ <br>btn.innerHTML = "...すべて表示"; <br>newBox.innerHTML = text.substring(0,200); > box.innerHTML = ""; <br>box.appendChild(btn); <br></script> < ;/body>



jQuery プラグイン: jquery.limittext.js



コードをコピー

コードは次のとおりです:

/*** デモ: * 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": "more","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,//表示テキスト数

* fill:'...'//テキストを非表示にする場合に塗りつぶします
* morefn:{
* status:false,//more を有効にするかどうか
* moretext: "(more)",//テキストの一部を非表示にしたときに表示されるテキスト
* lesstext: "(less)", //すべてのテキストが表示されるときに表示されるテキスト
* cssclass: "limittextclass", // A タグの CSS クラス名をさらに有効にします
*lessfn: function(){}, // 表示されるテキストが少ない場合のコールバック関数
* fullfn:function(){}//さらにテキストが表示されるときのコールバック関数
* }
* @author Lonely
* @link http://www.liushan.net
* @ダウンロード:http://down.liehuo.net
* @バージョン 0.2
*/
jQuery.fn.extend({
limittext:function(opt) {
opt= $.extend({
"limit":30,
"fill":"..."
},opt); ({
" status": false,
"moretext": "(more)",
"lesstext":"(less)",
"cssclass": "limittextclass",
"lessfn": function (){
},
"fullfn": function(){
}
},opt.morefn); var $this=$(othis);
var body=$this.data('body');
if(body==null){
body=$this.html(); >$this.data( 'body',body);
var getbuttom=function(showtext){
return " opt.morefn.cssclass " '>"
showtext
""
}
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);
}else{
othis.limit (opt.limit);
opt.morefn.lessfn()
}
});