博客系统文章内容的省略显示

0 0

博客系统文章内容的省略显示5

现在在用java做一个blog系统，遇到一个问题就是，添加文章时用的是fckeditor插件，

登录到DB里的文章内容是html源代码（如：<p><b>aaaa</b></p><p>bbbbbbbbbbbb</p>），

我想在前台显示文章列表时，只显示一部分文章内容(如：aa...)，其他的省略掉，如何做呢？（在后台截取也不好截啊，因为含有html标记)

Web综合

2010年1月16日 17:33

xyting
25
0 0 0

3个答案按时间排序按投票排序

0 0

最简单的方法让他填写摘要然后你就显示他填写的摘要就好了能用业务搞定的就不要用技术搞定呵呵

2010年1月18日 09:59

andilyliao
2501
0 0 1

添加评论

0 0

很简单的一个小技巧，可以将td内多出的内容以省略号显示，当鼠标移过，可显示td内全部内容，请将以下代码复制粘贴到记事本中保存为html文件即可看到效果

<table width="200" border="1" style="table-layout:fixed;">

<tr>

<td nowrap style="width:80%;overflow: hidden;text-overflow:ellipsis"

onmouseover='this.title=this.innerText'>

<nobr>test</nobr></td>

<td> </td>

<td> </td>

</tr>

</table>

是不是发现title消失的很快，或者它自动消失后，再次鼠标移过就没有反应了？以下的方法可以让你拥有这个更高要求的alt

<script>

//***********默认设置定义.*********************

tPopWait=50;//停留tWait毫秒后显示提示。

tPopShow=5000;//显示tShow毫秒后关闭提示

showPopStep=20;

popOpacity=99;



//***************内部变量定义*****************

sPop=null;

curShow=null;

tFadeOut=null;

tFadeIn=null;

tFadeWaiting=null;



document.write("<style   type='text/css'id='defaultPopStyle'>");

document.write(".cPopText   {     background-color:   #F8F8F5;color:#000000;   border:   1px   #000000   solid;font-color:

font-size:   12px;   padding-right:   4px;   padding-left:   4px;   height:   20px;   padding-top:   2px;   padding-

bottom:   2px;   filter:   Alpha(Opacity=0)}");

document.write("</style>");

document.write("<div   id='dypopLayer'   style='position:absolute;z-index:1000;'   class='cPopText'></div>");





function   showPopupText(){

var   o=event.srcElement;

MouseX=event.x;

MouseY=event.y;

if(o.alt!=null   &&   o.alt!=""){o.dypop=o.alt;o.alt=""};

                  if(o.title!=null   &&   o.title!=""){o.dypop=o.title;o.title=""};

if(o.dypop!=sPop)   {

sPop=o.dypop;

clearTimeout(curShow);

clearTimeout(tFadeOut);

clearTimeout(tFadeIn);

clearTimeout(tFadeWaiting);

if(sPop==null   ||   sPop=="")   {

dypopLayer.innerHTML="";

dypopLayer.style.filter="Alpha()";

dypopLayer.filters.Alpha.opacity=0;

}

else   {

if(o.dyclass!=null)   popStyle=o.dyclass

else   popStyle="cPopText";

curShow=setTimeout("showIt()",tPopWait);

}



}

}



function   showIt(){

dypopLayer.className=popStyle;

dypopLayer.innerHTML=sPop;

popWidth=dypopLayer.clientWidth;

popHeight=dypopLayer.clientHeight;

if(MouseX+12+popWidth>document.body.clientWidth)   popLeftAdjust=-popWidth-24

else   popLeftAdjust=0;

if(MouseY+12+popHeight>document.body.clientHeight)   popTopAdjust=-popHeight-24

else   popTopAdjust=0;

dypopLayer.style.left=MouseX+12+document.body.scrollLeft+popLeftAdjust;

dypopLayer.style.top=MouseY+12+document.body.scrollTop+popTopAdjust;

dypopLayer.style.filter="Alpha(Opacity=0)";

fadeOut();

}



function   fadeOut(){

if(dypopLayer.filters.Alpha.opacity<popOpacity)   {

dypopLayer.filters.Alpha.opacity+=showPopStep;

tFadeOut=setTimeout("fadeOut()",10);

}

else   {

dypopLayer.filters.Alpha.opacity=popOpacity;

tFadeWaiting=setTimeout("fadeIn()",tPopShow);

}

}



function   fadeIn(){

if(dypopLayer.filters.Alpha.opacity>0)   {

dypopLayer.filters.Alpha.opacity-=1;

tFadeIn=setTimeout("fadeIn()",1);

}

}

document.onmouseover=showPopupText;

</script>

<table>

<tr>

<td title='test'>test</td>

</tr>

</table>