鼠标移到表格某行出现特殊颜色
css:
<style type="text/css">
.datalist tr:hover, .datalist tr.altrow
{
background-color: #c4e4ff; /* 动态变色 */
}
</stype>
javascript:
<script type="text/javascript">
var rows = document.getElementsByTagName('tr');
for (var i = 0; i < rows.length; i++) {
rows[i].onmouseover = function() { //鼠标在行上面的时候
this.className += 'altrow';
}
rows[i].onmouseout = function() { //鼠标离开时
this.className = this.className.replace('altrow', '');
}
}
</script>
浙公网安备 33010602011771号