js折叠效果

最新推荐文章于 2021-12-06 20:02:10 发布

wanglei_samrtfish

最新推荐文章于 2021-12-06 20:02:10 发布

阅读量1.9k

点赞数

分类专栏： asp.net学习总结

本文链接：https://blog.csdn.net/wanglei_samrtfish/article/details/53930904

版权

asp.net学习总结专栏收录该内容

103 篇文章 0 订阅

订阅专栏

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
   <div id="box">
<h2>民间机构提前3天预报大理地震地震局称违法</h2>
<p>17日大理州5.0级地震发生之后

，在微博上一条曾在3天前就预测大理将发生5.0级地震的微博受到了很多网友的关注。</p>
<p>记者联系上了微

博博主，该博主表示，他是通过分析云南省地震局官方网站的数据得出的预报信息。对此，省地震局回应表示，

地震局欢迎民间机构与地震局进行一些学术上的探讨和交流，但民间机构对外公开发布地震预报信息是违法的。

</p>
<p><strong>民间机构预报地震受网友追捧</strong></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>
    </form>
</body>
</html>