`

当用<s:iterator>标签遍历数据时,实现鼠标移动到某行某行变色效果

阅读更多
当用<s:iterator>标签遍历数据时,实现鼠标移动到某行某行变色效果
jsp代码如下:
<table width="90%" border="0" cellspacing="0" cellpadding="0">
								<input type="hidden" name="users.userno" value="<s:property value='#session.users.userno'/>"/>
								<tr >
									<td align="center" width="30%">邮件标题</td>
									<td align="center" width="30%">内容</td>
									<td align="center" width="30%">是否已读</td>
									<td align="center" width="30%">时间</td>
									<td align="center" width="30%">操作</td>
								</tr>
								<s:iterator value="emailReciveList" var="e">
									<tr>
									<td align="center" width="30%">${e.ETitle}</td>
									<td align="center" width="30%">${e.EContent}</td>
									<td align="center" width="30%">${e.ERead}</td>
									<td align="center" width="30%"><s:date format="yyyy-MM-dd" name="#e.ETotime"/></td>
									<td align="center" width="30%">
									<input type="button" value="删除" id="del"/>
									<input type="hidden" value="${e.EId}" id="eid" name="email.EId" /></td>
									</tr>
								</s:iterator>
								</table>

jquery代码如下:
//鼠标移动某行某行变色
$(document).ready(function(){
	//滑动变色
 	$("tr").mouseover(function (){
  		$(this).css("background","grey"); 
	 }).mouseout(function (){
  		$(this).css("background","transparent");
 });
	
})

效果如下图所示:
  • 大小: 29.9 KB
分享到:
评论
1 楼 jiangfuofu555 2014-11-24  
学习一下。

相关推荐

Global site tag (gtag.js) - Google Analytics