当鼠标移动时出现特效的JQuery代码_jquery
来源:ub情感网
代码如下:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
//导入JQuery包
script>
//写JQuery事件控制页面
$(function(){
//事件注入点
$("#p1").mouseover(function(){
$(".myclass").show("slow");
$(".mystu").hide();
$(this).css("background-color","#ccff99");
$("#p2").css("background-color","#ffffff");
});
$("#p2").mouseover(function(){
$(".mystu").show("slow");
$(".myclass").hide();
$(this).css("background-color","#ccff99");
$("#p1").css("background-color","#ffffff");
});
});
script>
班级编号 |
班级名称 |
备注 |
A1331 |
Java |
优秀 |
A1332 |
Java Web |
优秀 |
编号 |
姓名 |
性别 |
所在班级 |
100 |
程博文 |
男 |
A1339 |
101 |
胡晓丽 |
女 |
A1339 |
显示全文