- 浏览: 122232 次
- 性别:
- 来自: 上海
文章分类
最新评论
<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.altrow{ background-color:#c7e5ff; } --> </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 class="altrow"> <!-- 偶数行 --> <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 class="altrow"> <!-- 偶数行 --> <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 class="altrow"> <!-- 偶数行 --> <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 class="altrow"> <!-- 偶数行 --> <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 class="altrow"> <!-- 偶数行 --> <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 class="altrow"> <!-- 偶数行 --> <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 class="altrow"> <!-- 偶数行 --> <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 class="altrow"> <!-- 偶数行 --> <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> </body> </html>
发表评论
-
如何使iframe透明
2010-07-18 16:38 671<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 612http://blog.html.it/layoutgala/ ... -
在HTML中调用XML数据
2010-04-13 18:20 1070<html> <head> < ... -
鼠标经过时变色的表格
2010-04-13 18:13 858<html> <head> < ... -
xml与css-1
2010-04-13 18:05 584<?xml version="1.0" ...
相关推荐
表格隔行变色 表格变色 表格单元格标色,实现方式是奇偶数隔行变色,点击变色!
表格隔行变色,jquerys
js表格特效制作js表格变色效果,表格隔行变色,鼠标滑过显示单行变色效果,点击选中变色。内含js代码下载
jquery表格隔行变色鼠标滑过竖直表格内容变色效果
表格颜色自动隔行变色
03-表格隔行变色.html
表格隔行变色功能的实现(当鼠标经过当前行变颜色,当鼠标离开当前行变颜色,利用鼠标经过和离开事件完成)!!!
jquery table ui插件制作css表格隔行变色特效代码
主要介绍了jQuery插件实现表格隔行变色及鼠标滑过高亮显示效果代码,涉及jQuery针对页面元素动态操作及响应鼠标事件动态修改页面元素样式的相关技巧,需要的朋友可以参考下
javascript表格隔行变色加鼠标移入移出及点击效果的方法.docx
实现效果为:表格隔行换色 鼠标移过变色 实现多选效果
原生JS操作网页,给网页中的所有p元素添加onclick事件,使一个特定的表格隔行变色等等,感兴趣的朋友可以参考下
本文实例讲述了jQuery实现Table表格隔行变色及高亮显示当前选择行效果。分享给大家供大家参考,具体如下: 最近客户要求高亮选择列表的功能,于是顺便做了个,作为记录。 前台代码: <!DOCTYPE ...
NULL 博文链接:https://cwl123456.iteye.com/blog/1997909
实现表格的隔行变色
表格隔行变色,也是一个提高用户体验的js效果。 效果实现: 表格奇偶行的颜色不一样。这样可以防止用户看数据时串行。 鼠标移入某行时变颜色,移出再变回来。这样可以让用户清楚的知道自己正在看哪一行。 表格点击...
/** * * @author 翟正强 广东中山中南中南T25班 * @version1.0 * @2009-09-08 * @表格渲染(悬浮变色,隔行换色,点击变色) */
本文实例讲述了JavaScript表格隔行变色和Tab标签页特效。分享给大家供大家参考,具体如下: 最近一直在看JavaScript知识,偶尔也穿插一点Jquery,感觉Jquery用起来真爽,减少了很多的代码量,而且学习也不是很高。接...