FF_blog
专注于编程方面问题的解决与交流
主页
博客
留言簿
标签云
查看文章
jquery实现的斑马线效果
2009-03-27 20:22:10
jquery实现的斑马线效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Zebra Tables Demo</title> <script type="text/javascript" src="jquery的路径.js"></script> <script type="text/javascript"> $(document).ready(function(){ //JQuery ready is quicker than onload $(".stripeMe tr").mouseover(function() {$(this).addClass("over");}).mouseout(function() {$(this).removeClass("over");}); $(".stripeMe tr:even").addClass("alt"); }); </script> <style type="text/css"> body {background: #fff;} table {border-collapse: collapse;width: 50%;margin: 24px;font-size: 1.1em;} th {background: #3e83c9;color: #fff;font-weight: bold;padding: 2px 11px;text-align: left;border-right: 1px solid #fff;line-height: 1.2;} td {padding: 6px 11px; border-bottom: 1px solid #95bce2;vertical-align: top;} td * {padding: 6px 11px;} tr.alt td {background: #ecf6fc;} tr.over td {background: #bcd4ec;} </style> </head> <body> <table class="stripeMe"> <thead> <tr> <th>Lorem</th> <th>Ipsum</th> <th>Dolor</th> <th>Sit</th> <th>Amet</th> </tr> </thead> <tbody> <tr> <td>Lorem</td> <td>Ipsum</td> <td>Dolor</td> <td>Sit</td> <td>Amet</td> </tr> <tr> <td>Lorem</td> <td>Ipsum</td> <td>Dolor</td> <td>Sit</td> <td>Amet</td> </tr> <tr> <td>Lorem</td> <td>Ipsum</td> <td>Dolor</td> <td>Sit</td> <td>Amet</td> </tr> <tr> <td>Lorem</td> <td>Ipsum</td> <td>Dolor</td> <td>Sit</td> <td>Amet</td> </tr> <tr> <td>Lorem</td> <td>Ipsum</td> <td>Dolor</td> <td>Sit</td> <td>Amet</td> </tr> <tr> <td>Lorem</td> <td>Ipsum</td> <td>Dolor</td> <td>Sit</td> <td>Amet</td> </tr> </tbody> </table> </body> </html>
提示:可以修改后运行.
类别:DIV-Css/JS-Ajax
| | Tags:
jQuery
网友评论:
{comm_author} 在 {comm_posttime} 说:
{comm_content}
[首页]
[上一页]
{p1} {pageNum} {p2}
[下一页]
[尾页]
发表评论:
姓 名:
邮 箱:
(选填)
内 容:
验证码:
请输入下图中四位验证码的值.
Category
默认分类
(76)
ASP/.Net
(27)
PHP
(35)
J2SE/J2EE/J2ME
(1)
Ruby on Rails
(4)
DIV-Css/JS-Ajax
(44)
C/C++/C#
(8)
Delphi
(1)
PowerBuilder
(0)
数据库
(24)
服务器
(28)
操作系统
(27)
采集/识别/抢注
(3)
评测与比较
(4)
常用软件介绍
(0)
图文教程
(0)
3G
(0)
perl
(3)
Archives
2011年3月
(4)
2011年1月
(1)
2010年12月
(2)
2010年11月
(7)
2010年10月
(5)
2010年9月
(1)
2010年8月
(2)
2010年7月
(16)
2010年6月
(1)
2010年5月
(3)
2010年4月
(2)
2010年3月
(5)
2010年1月
(5)
2009年12月
(5)
2009年11月
(4)
2009年10月
(2)
2009年9月
(3)
2009年8月
(6)
2009年7月
(24)
2009年6月
(3)
2009年5月
(12)
2009年4月
(12)
2009年3月
(45)
2009年2月
(7)
2009年1月
(13)
2008年11月
(17)
2008年9月
(4)
2008年8月
(18)
2008年7月
(19)
2008年6月
(1)
2008年5月
(10)
2008年4月
(10)
2008年3月
(13)
Tag Cloud
php
asp
linux
mysql
JavaScript
css
ubuntu
SQLSERVER
iis
解决方法
windows
sql
Ie6
fedora
ie7
apache
vs2005
CSS兼容
程序
函数
web
bug
存储过程
缓存
数据库
编程
浏览器
Access
ruby
rails
url
jQuery
兼容
zend
模板
Asp.net
Qt
虚拟目录
div
常用软件
java
CMS
FireFox
Framework
感想
程序员
Prototype
c#
wordpress
xml