PHP开发-HTML中使用Jquery实现多行数据的省略号效果(效果图)

原创 2013年12月03日 21:55:08

在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

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

【Android应用开发】-(11)使用JPCT-AE 3D框架实现旋转的立方体(附效果图及源码)

本文采用http://www.eoeandroid.com/thread-114268-1-1.html的代码 使用JPCT-AE 3D框架,实现一个立方体,代码中有具体的说明。 一、效果图: ...

css3+html+Jquery实现鼠标滑过图片切换效果

css3+html+Jquery实现鼠标滑过图片切换效果 position:relative;/*相对定位:参考物*/ overflow:hidden;/*超出隐藏*/

html+js/jquery实现弹出层效果

在做网页的时候,弹出层是个很好用的东西,它既可以显示出我们想要的内容,又无需重新加载,而且弹出层的样式还可以按我们想要的效果改动,今天就来说一说怎么做一个弹出层。

[Html]Jquery实现星级评分效果

Rate $(function () { for (var i = 0; i < 5; i++) { var...

jquery实现静态html文件的include嵌入效果

//引入 script type="text/javascript"> $.get("top.html",function(data){ $("#top").html(data); });
  • mine_1
  • mine_1
  • 2014-10-31 16:54
  • 13097

Php+jQuery实现AJAX 分页效果

http://www.helloweba.com/demo/paginate/ http://www.helloweba.com/view-blog-45.html Aug ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)