会员
周边
众包
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
无声守候
无声的岁月,我们在默默奔跑。。。
博客园
首页
新随笔
联系
订阅
管理
鼠标经过,表格变色
今天写页面的时候写的,鼠标经过表格行,表格变色
演示效果:
<style type="text/css"> #ordered{width:598px;background:#a5a5a5;text-align:center;} #ordered th{background-color:#d8e4c6;height:30px;line-height:30px;color: #404040;font-weight: bold;} #ordered tr{background-color:#fff;cursor:pointer; event:expression(onmouseover = function(){this.style.backgroundColor='#fffbe8'},onmouseout = function(){this.style.backgroundColor='#FFFFFF'}); } #ordered tr:hover{background:#fffbe8;} #ordered td{height:25px;line-height:25px;} </style> <table cellspacing="1" id="ordered"> <tr > <th>品名</th> <th>型号</th> <th>市场标价</th> <th>优惠价格</th> <th>订购数量</th> </tr> <tr > <td>OX-6鸿枫</td> <td>800*111*14mm</td> <td>208元/㎡</td> <td>198元/㎡</td> <td>12</td> </tr> <tr > <td>OX-6鸿枫</td> <td>800*111*14mm</td> <td>208元/㎡</td> <td>198元/㎡</td> <td>12</td> </tr> <tr > <td>OX-6鸿枫</td> <td>800*111*14mm</td> <td>208元/㎡</td> <td>198元/㎡</td> <td>12</td> </tr> <tr > <td>OX-6鸿枫</td> <td>800*111*14mm</td> <td>208元/㎡</td> <td>198元/㎡</td> <td>12</td> </tr> <tr > <td>OX-6鸿枫</td> <td>800*111*14mm</td> <td>208元/㎡</td> <td>198元/㎡</td> <td>12</td> </tr> <tr > <td>OX-6鸿枫</td> <td>800*111*14mm</td> <td>208元/㎡</td> <td>198元/㎡</td> <td>12</td> </tr> </table>
提示:可以先在文本框内,根据需要修改代码后再运行
posted on
2008-04-23 17:04
JoeYoung
阅读(
1455
) 评论(
3
)
编辑
收藏
举报
刷新页面
返回顶部