您的位置: 首页 > 源码资料
CSS样式设置(鼠标经过表格变色和控制表格隔行变色和添加CSS文件引用)
源码资料 时间:2009-09-04 作者/发布人: 点击:4647
CSS样式设置(鼠标经过表格变色和控制表格隔行变色和添加CSS文件引用)
鼠标经过表格变色样式:
<style>
table { background-color:#000000; cursor:hand; width:100%; }
td {
/*
onmouseover: expression(onmouseover=function (){this.style.borderColor ='blue';this.style.color='red';this.style.backgroundColor ='yellow'});
/*设置onmouseout事件*/
onmouseout: expression(onmouseout=function (){this.style.borderColor='';this.style.color='';this.style.backgroundColor =''});
background-color:#ffffff;
}
</style>
控制表格隔行变色:(科杰在线pc354.com 提示您:下面这个代码只能运行在IE中,FF中无效)
简单应用:
<style type="text/css">
<!--
tr {background-color:expression((this.sectionRowIndex%2==0)?"#E1F1F1":"#F0F0F0")}
-->
高级应用:每个单元格变色
<style type="text/css">
<!--
tr {background-color:expression((this.sectionRowIndex%2==0)?"red":"blue")}
td {background-color:expression((this.cellIndex%2==0)?"":((this.parentElement.sectionRowIndex%2==0)?"green":"yellow"))}
-->
</style>