jquery.tipsy 提示显示多行的提示方法，截取字符串的方法，高亮度显示

<%
				int recNum = 0;
%>
<common:form method="post" action="/xxzytjAction.do" styleId="form1" notEmptyFlagDisplay="false">
<html:hidden name="xxzytjForm" property="operFlag"/>
<html:hidden name="xxzytjForm" property="xxzytjQO.zlfl"/>
<html:hidden name="xxzytjForm" property="xxzytjQO.wjmc"/>
<logic:notEmpty name="xxzytjForm" property="paginationFooter">
	<table width="90%" id="footerTable" align="center">
			<tbody>
				<tr>
					<td colspan="5" align="left">
						<bean:write name="xxzytjForm" property="paginationFooter"
							filter="false" />
					</td>
				</tr>
			</tbody>
		</table>
	
	<table id="datable" class="table1" border="1" align="center" cellpadding="0"
				width="90%" cellspacing="0"> 
			<thead>
					<tr height="30">
					<th nowrap="nowrap" class="center">
						序号
					</th>
					<th nowrap="nowrap" class="center">
						资料分类
					</th>
					<th nowrap="nowrap" class="center">
						文件名称
					</th>
					
					<th nowrap="nowrap" class="center">
						大小
					</th>
					<th nowrap="nowrap" class="center">
						格式
					</th>
					<th nowrap="nowrap" class="center">
						上传时间
					</th>
					<th nowrap="nowrap" class="center">
						描述
					</th>
					<th nowrap="nowrap" class="center">
						操作
					</th>
				</tr>
			</thead>
			<logic:iterate name="xxzytjForm" property="data"
					id="xxzytjPO" indexId="index">
					<%
							recNum = index + 1;
						%>
						 <tr height="30" onmouseover="this.style.backgroundColor='#FFFFCE'"
							onmouseout="this.style.backgroundColor=''">
							 
							<td class="center" nowrap="nowrap" align="center">
							<bean:write name="xxzytjPO" property="xh"/>
							</td>
							<td class="center" nowrap="nowrap" align="center">
								<param:display type="zlflTag" property="zlfl" name="xxzytjPO"/>							
							</td>
								<td class="center" nowrap="nowrap" align="center">
								 <bean:write name="xxzytjPO" property="mc"/>
							</td>
							<td class="center" nowrap="nowrap" align="center">
								<bean:write name="xxzytjPO" property="wjdx"/>
								
							</td>
							<td class="center" nowrap="nowrap" align="center">
								<bean:write name="xxzytjPO" property="lx" />
							</td>
							<td class="center" nowrap="nowrap" align="center">
								<bean:write name="xxzytjPO" property="cjsjStr" />
							</td>
							<td class="center" nowrap="nowrap" align="center">
								<span id="mc_<%=index + 1%>"
									title='<bean:write name="xxzytjPO" property="ms" filter="false" />'
									style="cursor: pointer"> <c:choose>
										<c:when test="${fn:length(xxzytjPO.ms)<=20}">
											<font color="blue">${xxzytjPO.ms}</font>
										</c:when>
										<c:otherwise>
											<font color="blue">${fn:substring(xxzytjPO.ms, 0,
												20)}......</font>
										</c:otherwise>
									</c:choose> </span>
							</td>
								<td class="center" nowrap="nowrap" align="center">
									<a href="#" mce_href="#" onclick="update('<bean:write name="xxzytjPO" property="id"></a>');"><font color="blue">下载</font></a>
									<a href="#" mce_href="#" onclick="delbj('<bean:write name="xxzytjPO" property="id"></a>');"><font color="red">删除</font></a> 
							</td>
							
					</tr>
				</logic:iterate>
			
			
			
	</table>

脚本如下：

<mce:script type="text/javascript"><!--
$(function(){
		$("#recCount").val(<%=recNum%>); 
		var $recCount = $("#recCount").val();
		for(var i=1;i<=$recCount;i++){
			$('#mc_' + i).tipsy({gravity: 'n',html: true});
		}
	})
// --></mce:script>

<script type="text/javascript" src="<%=host%>/js/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="<%=host%>/js/jquery-ui-1.8.6.custom.min.js"></script>
<script type="text/javascript" src="<%=host%>/js/jquery.tipsy.js"></script>
<link rel="stylesheet" href="<%=host%>/css/tipsy.css" type="text/css" />