JS如何实现一段文本只显示指定长度的文字,当未显示文字用省略号,鼠标放上去会显示全部内容.
JS如何实现一段文本只显示指定长度的文字,当未显示文字用省略号,鼠标放上去会显示全部内容.(默认文本)比如默认是这样的显示,鼠标移上去这一段文本全部展开家庭由婚姻派生，婚...
JS如何实现一段文本只显示指定长度的文字,当未显示文字用省略号,鼠标放上去会显示全部内容.
(默认文本)
比如默认是这样的显示, 鼠标移上去这一段文本全部展开
家庭由婚姻派生，婚姻、养育和家庭影响到每一个家庭成员，处理好这些问题也是人生的课题。(全部文本)
求解答,在线等,~~~ 展开
(默认文本)
比如默认是这样的显示, 鼠标移上去这一段文本全部展开
家庭由婚姻派生，婚姻、养育和家庭影响到每一个家庭成员，处理好这些问题也是人生的课题。(全部文本)
求解答,在线等,~~~ 展开
1个回答
展开全部
<html>
<body>
<div onmouseover="daiti()" onmouseout="fanhui()"><span>家庭由婚姻派生，婚姻、养育和家庭影响</span><span id="substr">...<span></div>
<script type="text/javascript">
var str="到每一个家庭成员，处理好这些问题也是人生的课题。";
var shenglue="...";
function daiti(){
document.getElementById("substr").innerHTML=str;
}
function fanhui(){
document.getElementById("substr").innerHTML=shenglue;
}
</script>
</body>
</html>
<body>
<div onmouseover="daiti()" onmouseout="fanhui()"><span>家庭由婚姻派生，婚姻、养育和家庭影响</span><span id="substr">...<span></div>
<script type="text/javascript">
var str="到每一个家庭成员，处理好这些问题也是人生的课题。";
var shenglue="...";
function daiti(){
document.getElementById("substr").innerHTML=str;
}
function fanhui(){
document.getElementById("substr").innerHTML=shenglue;
}
</script>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
