jquery – 在HTML元素中淡化文本太长时间

前端之家收集整理的这篇文章主要介绍了jquery – 在HTML元素中淡化文本太长时间前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
所以我的问题与此类似:

crop text too long inside div

我不想做的是对文本进行硬性处理(切掉任何文本溢出).

所需的输出包括省略号(…)但会“消失”.所以,如果我有类似的东西:

<div class="text">This is the really long area of text that I want to chop</div>

然后在我决定的任何地方,在中间说…… n会褪色,而且几乎完全褪色.当然,定位是随机的,可能会掉落3或4个字母……

以下是优先顺序的可接受解决方案.

>是否可以单独使用css淡出文本?
>如果不可能,利用div.text中的另一个元素,我可以完成我想要的(可以褪色吗?).
>用jQuery做吧? (呃…不喜欢)

解决方法

假设你的页面背景为白色:制作一个从透明到白色(从左到右)的gif.在div的右侧覆盖它.你的文字似乎会褪色为白色.

这与创建“阴影”的方式类似.

编辑添加

我应该直接回答你的清单项目.

>不,除非你逐个字符地进行,否则不可能仅使用CSS淡出文本;但这几乎不可能控制不同的浏览器和屏幕分辨率.>不透明不褪色.>我不知道这样做的jQuery对象,但我没有用过多少.

原文链接:https://www.f2er.com/jquery/177618.html

猜你在找的jQuery相关文章