大张伟同款鞋:CSS控制表格隔行变色与鼠标滑过变色
来源:百度文库 编辑:中财网 时间:2024/10/05 12:38:14
(1)用expression
鼠标滑过变色:
第1行 | 第1列 |
第2行 | 第2列 |
第3行 | 第3列 |
第4行 | 第4列 |
第5行 | 第5列 |
----------------------------
简单的隔行变色:
第1行 | 第1列 |
第2行 | 第2列 |
第3行 | 第3列 |
第4行 | 第4列 |
第5行 | 第5列 |
-------------------------------
每个单元格变色:
第1行 | 第1列 |
第2行 | 第2列 |
第3行 | 第3列 |
第4行 | 第4列 |
第5行 | 第5列 |
------------------------
以上都用到expression,实现变得很方便,但是,经测试,在IE6(其它版本我不知道)上很正常,在firefox上无任何反应……
(2)用JS
鼠标滑过变色:
第1行 | 第1列 |
第2行 | 第2列 |
第3行 | 第3列 |
第4行 | 第4列 |
第5行 | 第5列 |
------------------------
隔行变色:
第1行 | 第1列 |
第2行 | 第2列 |
第3行 | 第3列 |
第4行 | 第4列 |
第5行 | 第5列 |
------------------------
以上都要用到JS,还需要table有个id,可以对指定的table操作,但是,假如遇到某人的firefox装了NoScript的话……可以无视了
------------------------
隔行变色的鼠标经过变色
1 | 2 |
1 | 2 |
1 | 2 |
------------------------
表格隔行换色+鼠标点击变色
------------------------
鼠标放置后变色
11 | 11 | 11 |
11 | 11 | 11 |
11 | 11 | 11 |
11 | 11 | 11 |
11 | 11 | 11 |
11 | 11 | 11 |
11 | 11 | 11 |
11 | 11 | 11 |
11 | 11 | 11 |
11 | 11 | 11 |
11 | 11 | 11 |
11 | 11 | 11 |
11 | 11 | 11 |
11 | 11 | 11 |
: 问号和冒号是一起用的,叫条件运算符。
语法:
条件表达式 ? 真值 : 假值
这个表式式由三部分组成的,如果条件表达式的值为真,则整个表达式的值为“真值”的值,反之为“假值”的值。