求帮助啊！鼠标经过事件

li2guangwei 2014-12-08 10:57:00

我如果在这串代码中添加书鼠标经过时候的文字浮动起来一点。改怎么弄
我加到TABLE 和TBODY上都是不可以，onmouseover也行不通。。。。求大神帮助

<table cellpadding="0" cellspacing="0" id="jkdaTable" class="table_solid" border="0" cellspacing="0">
<thead>
<tr>
<th>名称</th>
<th>数量</th>
<th>档案数量</th>
<th>55555555555</th>
<th>11111111111</th>
<th>11111111111</th>
<th>22222222222</th>
<th>33333333333</th>
<th>55555555555</th>
</tr>
</thead>
<tbody id="a"">
<s:iterator value="gwkhList" status="st">
<tr style=" height:32px;" align="center" onmouseover="on(this);" onmouseout="out(this);">
<td><s:property value="yljgmc" /></td>
<td align="right"><s:property value="chssjds" /></td>
<td align="right"><s:property value="gxyjds"/></td>
<td align="right"><s:property value="tnbjds"/></td>
<td align="right"><s:property value="jsbjds"/></td>
<td align="right"><s:property value="lnrjds"/></td>
<td align="right"><s:property value="fbjds"/></td>
<td align="right"><s:property value="ebjds"/></td>
<td align="right"><s:property value="yfjds"/></td>
</tr>
</s:iterator>
<s:if test="#gwkh == null">
<tr id="last" style=" height:32px;" align="center" onmouseover="on(this);" onmouseout="out(this);" style="color:>
<td>合计</td>
<td align="right" ><s:property value="gwkh.chssjds" /></td>
<td align="right"><s:property value="gwkh.gxyjds"/></td>
<td align="right"><s:property value="gwkh.tnbjds"/></td>
<td align="right"><s:property value="gwkh.jsbjds"/></td>
<td align="right"><s:property value="gwkh.lnrjds"/></td>
<td align="right"><s:property value="gwkh.fbjds"/></td>
<td align="right"><s:property value="gwkh.ebjds"/></td>
<td align="right"><s:property value="gwkh.yfjds"/></td>
</tr>
</s:if>
</tbody>
</table>

...全文

150 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

li2guangwei 2014-12-08

打赏
举报

引用 1 楼 slwsss 的回复:

js贴下..

function out(obj) { obj.style.color = 'black'; } function on(obj) { obj.style.color = 'red'; }

slwsss 2014-12-08

打赏
举报

js贴下..

wz_307 2014-12-08

打赏
举报

td和tr具有特殊性,无法直接上下移位. 可以在里面内嵌一个span, 来做span


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
<style type="text/css">
	table tr td{ width:100px; height:20px; border:#000 1px solid;}
	td span:hover{margin-top:-5px;display:block;}
</style>
</head>
<body>
<table>
<tr><td><span>chssjds</span> </td></tr>
<tr><td><span>gxyjds</span></td></tr>
<tr><td><span>tnbjds</span></td></tr>
<tr><td><span>sadf</span></td></tr>
<tr><td><span>asdf</span></td></tr>
<tr><td>asdf</td></tr>
</table>
</body>
</html>

闪闪放光芒 2014-12-08

打赏
举报

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
tr:hover{ color:#f00}
table tr td{ width:400px; height:20px; border:#CCCCCC 1px solid;}
</style>
</head>
<body>
<table>
<tr><td>sadf </td></tr>
<tr><td>asdf</td></tr>
<tr><td>sadf</td></tr>
<tr><td>sadf</td></tr>
<tr><td>asdf</td></tr>
<tr><td>asdf</td></tr>
</table>
</body>
</html>

Braska 2014-12-08

打赏
举报


function out(obj) {
     obj.style.color = 'black';
     obj.style.fontSize = '15px';
}
 
 
 function on(obj) {
     obj.style.color = 'red';
     obj.style.fontSize = '18px';
 }

改字体大小吧。

slwsss 2014-12-08

打赏
举报

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>
  <script>
    function on(a){a.style.color="#f00"}
    function out(a){a.style.color="#000"}
  </script>
  <table>
    <tr onmouseover="on(this)" onmouseout="out(this)"><td>aaaaaa</td><td>aaaaaa</td><td>aaaaaa</td><td>aaaaaa</td><td>aaaaaa</td><td>aaaaaa</td></tr>
    <tr onmouseover="on(this)" onmouseout="out(this)"><td>aaaaaa</td><td>aaaaaa</td><td>aaaaaa</td><td>aaaaaa</td><td>aaaaaa</td><td>aaaaaa</td></tr>
    <tr onmouseover="on(this)" onmouseout="out(this)"><td>aaaaaa</td><td>aaaaaa</td><td>aaaaaa</td><td>aaaaaa</td><td>aaaaaa</td><td>aaaaaa</td></tr>
  </table>
</body>
</html>

slwsss 2014-12-08