- 浏览: 122239 次
- 性别:
- 来自: 上海
文章分类
最新评论
<html> <head> <title>Member List</title> <style> <!-- .datalist{ border:1px solid #0058a3; font-family:Arial; border-collapse:collapse; background-color:#eaf5ff; font-size:14px; } .datalist caption{ padding-bottom:5px; font:bold 1.4em; text-align:left; } .datalist th{ border:1px solid #0058a3; background-color:#4bacff; color:#FFFFFF; font-weight:bold; padding-top:4px; padding-bottom:4px; padding-left:12px; padding-right:12px; text-align:center; } .datalist td{ border:1px solid #0058a3; text-align:left; padding-top:4px; padding-bottom:4px; padding-left:10px; padding-right:10px; } .datalist tr:hover, .datalist tr.altrow{ background-color:#c4e4ff; } --> </style> </head> <body> <table class="datalist" summary="list of members in EE Studay"> <caption>Member List</caption> <tr> <th scope="col">Name</th> <th scope="col">Class</th> <th scope="col">Birthday</th> <th scope="col">Constellation</th> <th scope="col">Mobile</th> </tr> <tr> <td>isaac</td> <td>W13</td> <td>Jun 24th</td> <td>Cancer</td> <td>1118159</td> </tr> <tr> <td>girlwing</td> <td>W210</td> <td>Sep 16th</td> <td>Virgo</td> <td>1307994</td> </tr> <tr> <td>tastestory</td> <td>W15</td> <td>Nov 29th</td> <td>Sagittarius</td> <td>1095245</td> </tr> <tr> <td>lovehate</td> <td>W47</td> <td>Sep 5th</td> <td>Virgo</td> <td>6098017</td> </tr> <tr> <td>slepox</td> <td>W19</td> <td>Nov 18th</td> <td>Scorpio</td> <td>0658635</td> </tr> <tr> <td>smartlau</td> <td>W19</td> <td>Dec 30th</td> <td>Capricorn</td> <td>0006621</td> </tr> <tr> <td>whaler</td> <td>W19</td> <td>Jan 18th</td> <td>Capricorn</td> <td>1851918</td> </tr> <tr> <td>shenhuanyan</td> <td>W25</td> <td>Jan 31th</td> <td>Aquarius</td> <td>0621827</td> </tr> <tr> <td>tuonene</td> <td>W210</td> <td>Nov 26th</td> <td>Sagittarius</td> <td>0091704</td> </tr> <tr> <td>ArthurRivers</td> <td>W91</td> <td>Feb 26th</td> <td>Pisces</td> <td>0468357</td> </tr> <tr> <td>reconzansp</td> <td>W09</td> <td>Oct 13th</td> <td>Libra</td> <td>3643041</td> </tr> <tr> <td>linear</td> <td>W86</td> <td>Aug 18th</td> <td>Leo</td> <td>6398341</td> </tr> <tr> <td>laopiao</td> <td>W41</td> <td>May 17th</td> <td>Taurus</td> <td>1254004</td> </tr> <tr> <td>dovecho</td> <td>W19</td> <td>Dec 9th</td> <td>Sagittarius</td> <td>1892013</td> </tr> <tr> <td>shanghen</td> <td>W42</td> <td>May 24th</td> <td>Gemini</td> <td>1544254</td> </tr> <tr> <td>venessawj</td> <td>W45</td> <td>Apr 1st</td> <td>Aries</td> <td>1523753</td> </tr> <tr> <td>lightyear</td> <td>W311</td> <td>Mar 23th</td> <td>Aries</td> <td>1002908</td> </tr> </table> <script language="javascript"> var rows = document.getElementsByTagName_r('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> </body> </html>
发表评论
-
如何使iframe透明
2010-07-18 16:38 672<html> <head><m ... -
li中的span右浮动下沉问题
2010-07-14 23:05 1054问题: 新闻列表中为了显示时间,加了个span<li& ... -
dedeCMS 标签学习
2010-06-03 14:58 1105最近在做一个dedecms的模 ... -
dede站怎么在首页调用单页的内容?【cms】
2010-06-03 11:45 1808我们知道,单页内容的模板调用标签是 {dede:field.c ... -
修改V5.6默认模板颜色样式的默认色为其它颜色--DeDe技巧
2010-06-02 04:22 1220打开 /templets/default/js/changeS ... -
jquery 下拉菜单- sub menu
2010-05-10 16:50 798http://javascript-array.com/sc ... -
jquery 滑动条-Slider
2010-05-10 15:33 1785效果如图: -
js预加载图片
2010-04-28 13:39 1572<script type="text/java ... -
CSS 圆角自扩展按钮
2010-04-22 13:51 808我们用 A 包含一个 SPAN 标签来实现此效果:预览 &l ... -
CSS 实现文字、图片垂直对齐(vertical-align)专题文章
2010-04-22 13:13 1622垂直对齐在 Firefox 和 IE7 等最新浏览器中,已经不 ... -
用 CSS 实现图片替换文字
2010-04-22 13:02 839介绍一下Gilder/Levin 的方法 <h2 ... -
dl,dt,dd标签 VS 传统table实现数据列表
2010-04-21 10:07 705table数据列表传统table的数据列表代码如下所示。我们要 ... -
css布局精髓
2010-04-20 17:45 613http://blog.html.it/layoutgala/ ... -
在HTML中调用XML数据
2010-04-13 18:20 1070<html> <head> < ... -
表格隔行变色
2010-04-13 18:12 739<html> <head> < ... -
xml与css-1
2010-04-13 18:05 585<?xml version="1.0" ...
相关推荐
javascript实现网页中表格的行随着鼠标移动而变色,实时变色表格行
js 实现 鼠标经过表格时列变色! 值得下载看看!资源免费,大家分享!!
鼠标移动表格行上行变色的JS脚本,鼠标移动表格行上行变色的JS脚本,
通过jquery给经过的表格设置css背景变色效果
table鼠标经过时整行变色 jquerytable鼠标经过时整行变色 jquery
CSS+JS 实现表格隔行变色 鼠标移动变色
jquery表格隔行变色鼠标滑过竖直表格内容变色效果
实现效果为:表格隔行换色 鼠标移过变色 实现多选效果
jQuery 鼠标移动到表格变色特效 等你移动过后你就能看到效果了
鼠标移动到表格中时该行变色 离开时恢复 选中该行的复选框时变色 离开后不变色 取消选中后恢复
js表格特效制作js表格变色效果,表格隔行变色,鼠标滑过显示单行变色效果,点击选中变色。内含js代码下载
/** * * @author 翟正强 广东中山中南中南T25班 * @version1.0 * @2009-09-08 * @表格渲染(悬浮变色,隔行换色,点击变色) */
jquery table鼠标滑过隔行变色表格样式代码
NULL 博文链接:https://zjriso.iteye.com/blog/897555
本文实例为大家分享了js鼠标经过表格某行时此行变色的具体代码,供大家参考,具体内容如下 表格表头为蓝色,表主体为白色,当鼠标放到表的非表头行时,这一行颜色变为黄色,鼠标离开时黄色消失。 <!DOCTYPE ...
该代码可以实现表格中鼠标在不同行间移动来实现输鼠标移入移出 有颜色提醒的效果
超简单表格隔行换色+鼠标经过变色(ie6,ie7,ff)
易语言高级表格鼠标移动时改变行背景色API版源码,高级表格鼠标移动时改变行背景色API版,ccc,SendMessage,GetPixel,GetCursorPos,GetDC
鼠标点击和悬停时对表格行着色,通过CSS和JAVASCRIPT对表格的鼠标点击和悬停进行着色!