ホームページ > ウェブフロントエンド > jsチュートリアル > JS/jQueryはデフォルトでテキストの一部を表示し、ボタンをクリックするとcontent_javascriptスキル全体を表示することを実現します

JS/jQueryはデフォルトでテキストの一部を表示し、ボタンをクリックするとcontent_javascriptスキル全体を表示することを実現します

WBOY
リリース: 2016-05-16 17:33:55
オリジナル
1570 人が閲覧しました
コードをコピー コードは次のとおりです:



デフォルトでは部分的なテキストが表示されます。ボタンをクリックすると、

当局は大理地震を3日前に予測、地震局は違法だと発表

17日に大理県でマグニチュード5.0の地震が発生した後、Weiboに次のような投稿があった。は3日前に大理でマグニチュード5.0の地震が起きると予言しており、地震に関するWeiboの投稿は多くのネチズンの注目を集めた。


記者は微博ブロガーに連絡し、雲南省地震局の公式ウェブサイトのデータを分析して予測情報を入手したと述べた。これに対し、州地震局は、民間機関が同局と学術的な議論や交流を行うことは歓迎するが、民間機関が地震予測情報を公表することは違法であると回答した。


非政府組織の地震予測がネットユーザーの間で人気

この地域で強い地震が発生すると最初に特定されています。震源が浅いマグニチュード5の地震として、主な発生場所は雲南省北東部の昭通市(余震)、大理市南西部と騰衝市の接合部、ミャンマーとの接合部(地殻変動による)、橋家との国境付近である。雲南省と四川省寧南県 「4月14日早朝、「予報センター」というネットユーザーが微博に雲南地震の予測情報を投稿した。 Weiboの投稿はネチズンによって377回転送された。大理市で発生したマグニチュード5.0の地震の後、「Xiao Cong」などの有名なネットユーザーがWeiboの投稿をリツイートした。 「ひざまずいてください」と有名な​​ネチズン「Xiao Cong」がWeiboで言いました。


大理で発生したマグニチュード 5.0 の地震の前に、「予報センター」は地震を予測する地図と昆明の生データ地図を Weibo で公開しました。地震監視ポイント。


この Weibo は一部のネチズンによって転送され、称賛されています。ネチズン「orfila2011」のコメントでは、「陝西省青空救助隊」の公式微博も、「予測の達人は民間企業の中にあり、貴重な経験を提供する必要がある」と述べた。民間における地震予知の手法については十分な注意が必要である。


この予測は、地方地震局からのデータの分析に基づいています


地震予報 Weibo を見ると、場所は湖北省であることが示されています。あるネチズンは「この微博はかなり前から微博で地震予知情報を伝えてきたが、いつも非常に謎が多い」と語った。昨日、記者は微博を通じてこの謎の民間地震予測機関に連絡しました。


この民間団体はどうやって地震予知情報を入手したのでしょうか? Weiboブロガーは記者団に対し、雲南省地震局の公式ウェブサイトである雲南地震データ共有センターに基づく雲南省の一部の地震監視データの分析に基づいて予測情報を入手したと語った。記者は、このウェブサイトを通じて、確かに雲南省のさまざまな地震監視ポイントの前処理されたデータを確認できることを発見しました。


>また、Weibo ブロガーは、これらの関連データの分析には多くの専門知識が必要であるが、機器は必要ないことも明らかにしました。民間団体が地震を予知する動機について、ブロガーは「物質的かつ精神的なもの」だと述べた。その他の情報については、ブロガーはそれ以上の情報を開示することに消極的でした。


民間交流は学術交流に限定される

科学技術局長兼省地震局報道官の張俊偉氏は記者団とのインタビューで、我が国の法律によれば、いかなる個人または民間団体が公開することは違法であると述べた。地震予知情報を外部に発信。


国の「地震予測管理規則」では、地方の長期地震予測、中期地震予測、短期地震予測および切迫地震予測について定めている。中央政府直轄の地域および直轄市は、中央政府直轄の省、自治区および直轄市の人民によって統治される。


これらの民間地震予測機関について、雲南省地震局は常に注意を払っており、理解していると述べた。今回予測情報を発表した「予測センター」以外にも、こうした民間の地震予測機関や人々は数多く存在する。一部のネチズンは政府と国民の協力と交流を強化できないかと質問した。張俊偉氏は、現時点ではこれらの民間団体と個人的に接触はしていないが、地震管理局は常にこれらの民間団体に対して寛容かつオープンであり、地震管理局と学術的な議論や交流を行うことを歓迎していると述べた。


「しかし一方で、地震予知情報を公表することは常に違法です。私たちも、地震予知情報を公表するこれらの民間機関には非常に迷惑しており、心配しています」それは社会に悪影響を与えるだろうということ。"Zhang Junwei believes that citizens and netizens should not rely on earthquake forecast information released by private organizations.



<script> <br>function show(){ <br>var box = document.getElementById("box"); <br>var text = box.innerHTML; <br>var newBox = document.createElement("div"); <br>var btn = document.createElement("a") ; <br>newBox.innerHTML = text.substring(0,200); <br>btn.innerHTML = text.length > 200 ? "...Show All" : ""; <br>btn.href = "## #"; <br>btn.onclick = function(){ <br>if (btn.innerHTML == "...Show All"){ <br>btn.innerHTML = "Collapse"; <br>newBox. innerHTML = text; <br>}else{ <br>btn.innerHTML = "...Show all"; <br>newBox.innerHTML = text.substring(0,200); <br>} <br>} <br> box.innerHTML = ""; <br>box.appendChild(newBox); <br>box.appendChild(btn); <br>} <br>show(); <br></script>
< ;/body>


jQuery plug-in: jquery.limittext.js
Copy code The code is as follows:

/**
* 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": "more","lesstext":"hidden part","fullfn":function(){alert("more")},"lessfn":function(){alert("less")}}})
* 5.$("#limittext").limittext({"limit":1,"fill":"...","morefn":{"status":true}}).limit( "all");
* @param {Object} opt
* {
* limit:30,//Number of displayed text
* fill:'...'//Fill when hiding Text
* morefn:{
* status:false,//Whether to enable more
* moretext: "(more)",//The text displayed when hiding part of the text
* lesstext: "(less)", //The text displayed when all text is displayed
* cssclass: "limittextclass", // Enable more CSS class names of A tags
* lessfn: function(){}, // Callback function when less text is displayed
* fullfn:function(){}//Callback function when more text is displayed
* }
* @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 ""
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);
opt.morefn.fullfn();
}else{
othis.limit(opt.limit);
opt.morefn.lessfn();
}
});
return this;
}
});
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート