>웹 프론트엔드 >JS 튜토리얼 >마우스가 움직일 때 특수 효과를 주는 JQuery 코드_jquery

마우스가 움직일 때 특수 효과를 주는 JQuery 코드_jquery

WBOY
WBOY원래의
2016-05-16 17:16:43962검색
코드 복사 코드는 다음과 같습니다.

<%@ page Language="java" import= "java.util.*" pageEncoding="UTF-8"%>


//JQuery 패키지 가져오기;

//JQuery 이벤트 제어 페이지 작성
<스크립트 유형 ="text /javascript">
$(function(){
//이벤트 삽입 지점
$("#p1").mouseover(function(){
$(".myclass ").show("slow");
$(".mystu").hide();
$(this).css("Background-color","#ccff99");
$(" #p2").css("배경색","#ffffff");
})
$("#p2").mouseover(function(){
$( ".mystu ").show("느린");
$(".myclass").hide()
$(this).css("Background-color","#ccff99");
$("#p1").css("배경색","#ffffff")
})
}); /head>

="p1 ">수업 관리

학생 관리
< ;/div>


클래스 번호




;/td>


클래스 이름
/td>
Java 웹
/div>


>이름
성별

🎜>100
쳉 보웬
남성 >

101 🎜>A1339





성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.