前端js制作文本段落显示隐藏
摘要：前端开发项目经验描述 前端项目开发经验 web前端开发项目过程 html 代码 <!doctype html> <html> <head> <meta charset=”utf-8″> <title>无标题文档</titl……
前端开发项目经验描述 前端项目开发经验 web前端开发项目过程
html 代码
<!doctype html>
<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
近期评论