关于jsp中tr鼠标移动变色,有底色如何变色
来源:互联网 发布:淘宝联盟里的优惠卷 编辑:程序博客网 时间:2024/05/01 07:27
首先,
一、如果原表格没有底色的情况下:
<table border="1" style="font-size:15px">
<tr >
<td width="200px" align="center">等级</td>
<td width="200px" align="center">得分</td>
<td width="200px" align="center">每天最大得分</td>
<td width="200px" align="center">等级得分上限</td>
<td width="200px" align="center">等级得分下限</td>
<td width="200px" align="center">功能操作</td>
</tr>
<s:iterator value="%{ranklist}">
<tr onmouseover="this.style.backgroundColor='#ffff66';" onmouseout="this.style.backgroundColor='#d4e3e5';">
<td width="200px" align="center"><s:property value="rankNum"></s:property></td>
<td width="200px" align="center"><s:property value="point"></s:property></td>
<td width="200px" align="center"><s:property value="maxPointEveryday"></s:property></td>
<td width="200px" align="center"><s:property value="rankMaxPoint"></s:property></td>
<td width="200px" align="center"><s:property value="rankMinPoint" ></s:property></td>
<td width="200px" align="center"><a href="RankTable!delRank.action?rankvo.rankNum=<s:property value="rankNum"/>" onclick='return delconfirm()'>删除</a></td>
</s:iterator>
</table>
可以在前面直接加上 <tr onmouseover="this.style.backgroundColor='#ffff66';" onmouseout="this.style.backgroundColor='#d4e3e5';">即可实现变色;
二、td有底色的情况下:
首先在样式中加上.hover{background-color:#FF0000;}
然后
$(function(){
$('tr').hover(
_mouse_on_=function(){
this._bg=this.style.backgroundColor;
$(this).css('background', 'bisque').find('>td').each(_mouse_on_);
},
_mouse_off_=function(){
$(this).css('background', this._bg).find('>td').each(_mouse_off_);
}
);
});
即可实现
如果好用请给个好评谢谢
java交流群252799892 相互学习 希望大家把这个群带动起来谢谢!2799892
- 关于jsp中tr鼠标移动变色,有底色如何变色
- HTML中实现鼠标经停整行(tr)变色
- DATAGRID鼠标移动变色
- GridView鼠标移动变色
- GridView鼠标移动变色
- GridView 鼠标移动变色
- GridView鼠标移动行变色
- 导航栏底色变色
- 用js实现表格中鼠标移动行变色
- DOM案例之-----------隔行变色、鼠标移动变色
- jQuery+css打造table中奇偶行不同样式鼠标移上tr变色
- 鼠标移动到表格内变色
- Gridview和Datalist鼠标移动行变色
- HTML一种鼠标移动列变色效果
- Gridview和Datalist鼠标移动行变色
- 鼠标移动,单击表格行变色
- JQuery 鼠标移动Table行变色
- 鼠标移动上去后,行变色
- 编写 windbg 扩展
- 大学那会儿,我读过的技术经典图书
- 开发框架——横版格斗——8.虚拟键盘实现
- 关于TableView中出现deallocated问题
- eclipse下window里没有AVD
- 关于jsp中tr鼠标移动变色,有底色如何变色
- uploadify上传出错信息自定义内容
- /usr/bin/ld: cannot find -lstdc++ /usr/bin/ld: cannot find -lm /usr/bin/ld: cannot find -lc
- vi set
- UML
- Codeforces Round #230 (Div. 2)
- magento数据库清除 log
- iOS7的Cell的分割线宽度不满屏,解决方法
- 60个开发者不容错过的免费资源库