여기서 주요 목적은 SlideToggle() 및 SlideUp()을 사용하여 마우스가 해당 콘텐츠 위로 지나갈 때 원래 숨겨진 콘텐츠(.hover())를 표시하는 것입니다. 코드 복사 코드는 다음과 같습니다. $(function(){ $(".dropdown").hover( function(){ $("li ul ").slideToggle(800);}, function(){$("li ul").slideUp(1000)} ) }) 코드 복사 코드는 다음과 같습니다. jQuery 그라데이션 효과 <BR>a{text-장식:none;color :#333;} <BR>a:hover{color:#f33;} <BR>a.gr{color:#227CE8;} <BR>a.xg{color:#f30;} <BR>a.zx {색상:#690; } <BR>a.yd{색상:#f00;} <BR>a.more-rss{color:#f60;} <BR>img{border:none;} <BR>a .rssfeed{display:block ;height:60px;width:160px;cursor:pointer;} <BR>.wrapper{width:700px;margin:0 auto;height:460px;position:relative;} <BR>.wrapper small {position:absolute;bottom :0;left:0;border-top:1px dotted #b3b3b3;display:block;width:700px;line-height:30px;text-align:right;} <BR>ul li{list -style:none;} <BR>ul li.dropdown{position:relative;width:160px;} <BR>ul li.dropdown ul{display:none;text-align:center;배경:#fff;border:1px solid #ddd;width: 160px;padding:15px 15px 20px;} <BR>ul li.dropdown ul li{padding:5px 0;border-bottom:1px dotted #ddd;} <BR> > ; 물론 hide/show, fadeIn/fadeOut 등을 사용할 수도 있지만 효과는 다르며 구현 방법은 여전히 동일합니다. 예, .dropdown에 position:relative를 추가해야 합니다. 깜박임을 방지합니다. < ;a class="rssfeed" 신선한 과일 구독 Google 구독 새우잡기 구독 ;Youdao 구독 다른 방법» <BR>$(function(){ <BR> $(".fir .dropdown").hover ( <BR> function(){ <BR> $("li ul" ).slideToggle(800); <BR> },function(){ <BR> $("li ul").slideUp(1000) <BR> }) <BR>}) <BR> 🎜> 테스트 코드 패키지 다운로드