前端js制作文本段落显示隐藏

前端开发项目经验描述 前端项目开发经验 web前端开发项目过程

html 代码

<!doctype html>
<head>
    <meta charset=”utf-8″>
    <title>无标题文档</title>
    <style>
        #box {
            width: 400px;
            border: #999 1px solid;
            padding: 10px;
        }
        p {
            line-height: 24px;
        }
        a {
            color: #096;
            cursor: pointer;
        }
    </style>
    <script>
        window.onload = function () {
            textShow(box, 48)
        }
        function textShow(obj, num) {
            var oSpan = obj.getElementsByTagName(“span”)[0];
            var oA = obj.getElementsByTagName(“a”)[0];
            var str = oSpan.innerHTML;
            var onOff = true;
            oSpan.innerHTML = str.substring(0, num);
            oA.onclick = function () {
                if (onOff) {
                    oSpan.innerHTML = str;
                    oA.innerHTML = “收起”;
                } else {
                    oSpan.innerHTML = str.substring(0, num);
                    oA.innerHTML = “…展开”;
                }
                onOff = !onOff;
            }
        }
    </script>
</head>
<body>
    <div id=”box”>
        <p><span>9月16日,据中国外交部网站消息,中国外交部发言人陆慷宣布,中国国家主席习近平将于22日起对美国进行国事访问。美国白宫也发表声明确认了这一行程,并首次公布奥巴马夫妇将在白宫设国宴款待习近平夫妇。 陆慷宣布,“应美利坚合众国总统奥巴马邀请,国家主席习近平将于9月22日至25日对美国进行国事访问。应联合国秘书长潘基文邀请,国家主席习近平将于9月26日至28日赴纽约联合国总部出席联合国成立70周年系列峰会。”
                当地时间15日,据美国媒体报道,美国白宫发表声明确认,奥巴马将于9月25日在白宫接待习近平,并展开“期待已久”的会谈。 美国白宫新闻秘书厄内斯特(Josh Earnest)在声明中称,“习主席的访问将会为美中在国际、地区和双边共同利益方面深化合作提供机会。同时,也可使奥巴马总统与习近平主席建设性解决双方存在的一些分歧。”根据白宫声明,在双方举行会谈之后,奥巴马夫妇将会在白宫以国宴款待习近平夫妇。</span><a>…展开</a></p>
    </div>
</body>
</html>

房地产前端开发项目 前端开发项目结构规划 前端开发项目设计报告

» 本文来自:前端开发者 » 《前端js制作文本段落显示隐藏》
» 本文链接地址:https://www.rokub.com/5461.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!