当鼠标移动时出现特效,在某些情况下还是比较实现的,下面为大家介绍下通过JQuery是如何实现的,具体如下,感兴趣的朋友可以参考下
复制代码 代码如下:
*{
text-align: center;
font-size: 12px;
}
table{
border-collapse: collapse;
width: 40%;
}
table tr td{
border: red solid 1px;
line-height:20px;
}
.myclass,.mystu{
display: none;
}
.myclass table tr td,.mystu table tr td
{
border-top: solid 0px red;
}
//导入JQuery包
//写JQuery事件控制页面
班级管理 | 学生管理 |
班级编号 | 班级名称 | 备注 |
A1331 | Java | 优秀 |
A1332 | Java Web | 优秀 |
编号 | 姓名 | 性别 | 所在班级 |
100 | 程博文 | 男 | A1339 |
101 | 胡晓丽 | 女 | A1339 |
以上就是当鼠标移动时出现特效的JQuery代码的详细内容,更多请关注本站其它相关文章!