使用jQuery5分钟快速搞定双色表格的简单实例
第一步是写好css样式。表头样式设定为背景色为0066FF,字体颜色为FFFFFF,行高为20px,高度为30px。单元格样式设定为内边距为6px 11px,底部边框为1px的实线95bce2,垂直对齐方式为居中,文本对齐方式为居中。对于带有背景色的tr行,背景色设定为ecf6fc。鼠标悬停的行背景色设定为bcd4ec。
MyJsp.jsp代码:
```jsp
<%@ page language="java" import="java.util" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
$(function(){
$(".stripe tr:even").addClass("alt");
$(".stripe tr").mouseover(function(){
$(this).addClass("over");
}).mouseout(function(){
// 当鼠标离开该行时,移除over类
$(this).removeClass("over");
});
});
th {
background:0066FF;
color:FFFFFF;
line-height:20px;
height:30px;
}
td {
padding:6px 11px;
border-bottom:1px solid 95bce2;
vertical-align:middle;
text-align:center;
}
在这个时代里,每一个细节都充满了生机与活力。如同艺术家用画笔描绘出一幅幅壮丽的画卷,Cambrian的每一寸土地都在诉说着生命的传奇。这里,生命从最初的简单形态逐渐演变,开始展现出千姿百态的模样。每一种形态都是一次革命,一次突破,它们共同构建了一个充满奇幻色彩的生物世界。
当我们走进这个神奇的时代,仿佛置身于一个巨大的舞台,眼前的景象令人目不暇接。各种各样的生物竞相绽放,它们在水中游动,在陆地上奔跑,展示着各自独特的魅力。这些生物不仅丰富了Cambrian的色彩,也让这个世界变得更加多姿多彩。
不仅如此,Cambrian时代还是创新的摇篮。在这里,生命的创造力达到了巅峰。无数次的试验和进化,造就了一个个独特的生物种类。它们不仅改变了自己的命运,也推动了整个生物界的进步。这个时代的每一个瞬间都充满了奇迹和惊喜,让我们不禁为之惊叹。
如今,Cambrian的渲染已经完成,一个绚丽多彩的世界展现在我们的面前。让我们沉浸在这个奇幻的世界中,感受生命的奇迹和力量。在这里,我们不仅领略了大自然的鬼斧神工,也感受到了生命的顽强和坚韧。Cambrian的奇幻之旅让我们收获满满,让我们对生命充满了敬畏和感激。
在这个充满奇幻和神秘的时代里,每一个生命都有其独特的价值和意义。让我们一起走进Cambrian的世界,感受生命的奇迹和力量,共同见证这个时代的辉煌与灿烂。
编程语言
- 使用jQuery5分钟快速搞定双色表格的简单实例
- 利用Console来Debug的10个高级技巧汇总
- JS库中的Particles.js在vue上的运用案例分析
- PHP中Array相关函数简介
- asp读取excel表名的实现代码
- 讲解vue-router之命名路由和命名视图
- laravel-admin 中列表筛选方法
- jquery插件jquery.beforeafter.js实现左右拖拽分隔条对
- 解析php中memcache的应用
- jquery网页加载进度条的实现
- php+iframe 实现上传文件功能示例
- JavaScript获取function所有参数名的方法
- XML指南——XML编码
- 基于jquery编写的放大镜插件
- javascript replace()第二个参数为函数时的参数用法
- PHP下载文件的函数实例代码