js实现文字展开效果，js将文本内容收起展开

JS如何实现一段文本只显示指定长度的文字,当未显示文字用省略号,鼠标...

1、家庭由婚姻派生，婚姻、养育和家庭影响... var str=到每一个家庭成员，处理好这些问题也是人生的课题。

2、自己看着判断一下字符串的长度，如果超过一定的长度（可以设为十个或者几个字），就显示截取固定长度的字符串，然后后面显示省略号。这是省略号的显示。鼠标尝过，显示全部文本。这一点做到其实比较简单。

3、用javascript判断长度，如果超长则截取，用css在浏览器中肯定会有兼容性问题(ie6，ie7)，很难控制。

4、如果一行文字太长，可以考虑在适当的位置添加换行符或使用省略号来表示截断的文本。可以使用 CSS 样式属性 white-space： pre-wrap来允许换行，或使用 text-overflow： ellipsis来显示省略号。

5、div{ width： 100px；overflow：hidden；text-overflow：ellipsis；display：-webkit-box；-webkit-box-orient：vertical；-webkit-line-clamp：2；} 浏览器运行index.html页面，此时文字超过2行会自动把多余部分用省略号显示 。

6、white-space：nowrap；overflow：hidden；在li里添加上这三句就行了，少加一条都不行。这样可以溢出省略号，要是直接让它超出部分隐藏，就overflow：hidden；就可以的。但是，上面给你的在FF上是没有效果的。

相关问答

Q1: 用js实现点击文字收缩效果。默认是文字收起效果,点击,展开。再次点击...

(function () { var content = for (var i = 0； i 20； i++)content += 葡萄美酒夜光杯，欲饮琵琶马上催。

css一般处理鼠标移动显示事件，利用：hover很方便就能实现。点击事件的话，一般跟JS配合。显示隐藏，一般都是利用display这个CSS来控制，因为它隐藏的时候不占位置。

是要加的。这个是树形，这个功能通常用js控件完成，完全自己写是很困难的。很多类库都有树形控件，你也可以找一下dtree。

Q2: js怎么实现一段文字的显示有个明显的过渡效果

1、用js触发css的过渡效果可以用impress.js实现。

2、一般用css的几个属性可以实现，网上也有很多这样的。transform，animation，学习下拉。还有简单的就是函数slip，JS有滑动的函数可以使用。

3、根据你的需求，写了一个demo，可以参考一下：思路：点击“编辑”，隐藏当前展示区域，显示可以编辑的表单，并将目标编辑数据设为文本域的默认值，并设焦点其中。

4、二是提高所有的施工质量，通过保证质量，在更大程度上节约时间；三是加班加点。“通过这三个方面的手段，才把时间给抢回来。”王治国回忆，“因为我们在北方，那一年遇上了五十年不遇的严寒。

5、正常使用就行了啊。bootstrap本来就是基于jquery的。你到官网下载bootstrap ，里面自然有jquery的引用。页面使用的时候先引入bootstrap的css，再引入jquery再引入bootstrap的js，注意顺序。

Q3: 要用js的方式实现文字滑动显示!

scrollAmount=3是滚动的速度，你可以自己调节，让数字为4或者5等等。behavior=alternate这是来回滚动，如果想让它忘左边的话把alternate改为left，按照你自己想要的去做吧。记得结尾加上/MARQUEE就是了。

用两个div，一个放文字，一个放图片，onmouseover对应的事件是文字层display：none，图片层display：block。

在标签里加入如下代码：title=你要显示的内容即可。

这是自己封装的原生js方法，为了偷懒，用了电jqurey。

Q4: js展开闭合效果演示代码

在按钮上加一个onclick=Hide()； 点击事件。

两种使用方式：1，将JS的代码写在JS文件中，然后 拖到HTML页面中。

首先设置一下事件一般情况下红绿灯的事件都是固定的，可以自己设计，先将红绿灯一轮下来的事件算出来。设计每个颜色的灯会亮多久，在这时间里对应的灯会亮，而其他灯则是黑的。

标签在HTML文件中添加JavaScript代码，HTML文件和JS代码可以分开，HTML文件和JS代码分开，并单独创建一个JavaScript文件(简称JS文件)，其文件后缀通常为.js，然后将JS代码直接写在JS文件中。

百叶窗是家庭装饰的一种款式。在网页中，我们也可以利用简单的JavaScript代码产生同样效果，这样网友浏览网站时就会有一种与众不同的感觉！方法如下：把如下代码加入到head/head区域中。

关于js实现文字展开效果和js将文本内容收起展开的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。