<script type="text/javascript">
//光棒效果
var _bgColor; //存放原始的 背景颜色
$(document).ready(function () {
//所有的行鼠标移进时变色
$("tr").hover(function () {
_bgColor = $(this)[0].style.backgroundColor;
$(this).css({ 'background-color': '#f5f5f5', 'font-weight': 'bolder' });
},
//移除还原颜色
function () {
var cssObj = { 'background-color': _bgColor, 'font-weight': '' }
$(this).css(cssObj);
});
//交替行变色
var trs = $("table").find("tr");
for (i = 0; i < trs.length; i++) {
var obj = trs[i];
if (i % 2 == 0)
obj.style.backgroundColor = "#F5FAFE";
}
});
</script>
Jquery实现表格光棒效果
最新推荐文章于 2020-12-26 20:23:35 发布