PHP开发-HTML中使用Jquery实现多行数据的省略号效果(效果图)
来源:互联网 发布:js 获取td的内容 编辑:程序博客网 时间:2024/05/16 14:57
在javascript标签中加入如下代码
$(document).ready(function(){$(".p_name").each(function(i){ var divH = $(this).height(); var $p = $("p", $(this)).eq(0); while ($p.outerHeight() > divH) { $p.text($p.text().replace(/(\s)*([a-zA-Z0-9]+|\W)(\.\.\.)?$/, "...")); };});});
样式
.p_name {text-align: left;margin-left: 10px;margin-right: 10px;height: 36px; width:230px;}HTML
<div class="p_name"><p>LV包包 | 名牌包包,时尚简约,仅剩22个赶紧出手吧名牌包包,时尚简约,仅剩22个赶紧出手吧名牌包包,时尚简约,仅剩22个赶紧出手吧</p></div>
原创文章转载请注明出处:http://blog.csdn.net/tangcheng_ok
- PHP开发-HTML中使用Jquery实现多行数据的省略号效果(效果图)
- PHP开发-分页实现(附效果图)
- 限制文本个数,行数,其余的省略号,文字阴影效果
- 使用 MARQUEE HTML中实现图片的各种滚动效果
- Android中如何让TextView显示指定的行数并且多出的部分显示省略号
- Android中让TextView显示指定的行数并且多出的部分显示省略号
- JQuery实现效果图
- VC中实现变参,省略号的使用
- PHP开发-CSS实现Tab选项卡功能(附效果图)
- 【Android应用开发】-(11)使用JPCT-AE 3D框架实现旋转的立方体(附效果图及源码)
- Gridview中实现多行数据的统一更新
- LayoutAnimation实现ListView的子View淡入淡出效果效果图
- easyui中datagrid单元格实现字数超限显示省略号的效果总结
- Ajax应用:使用jQuery和PHP实现功能开关效果
- PHP开发-从零开始(附网站开发效果图)
- Jquery中幻灯片效果的简单实现
- 使用JQuery实现隔行变色的效果
- 使用jquery实现简单的拖动效果
- Spring框架总结
- JSP页面显示时出现乱码解决办法
- 在MAC系统上安装Tomcat
- 根据simhash找出集合中相似文档的算法
- Java程序学后小练习
- PHP开发-HTML中使用Jquery实现多行数据的省略号效果(效果图)
- Android事件分发机制
- Arduino烧写超时错误:arduino avrdude: stk500v2_ReceiveMessage(): timeout
- 耶稣 13门徒问题
- 后缀数组
- JDBC总结
- 简单页面跳转,第二次会多一个上层目录路径
- Android 开机自动运行程序
- wikioi 1025 选菜