jQuery_jquery를 사용하여 그라디언트 팝업 레이어 및 팝업 메뉴를 구현하는 방법-JS 튜토리얼-php.cn

이 기사의 예에서는 jQuery가 그라데이션 팝업 레이어와 팝업 메뉴를 구현하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 구현 방법은 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

jQuery는 그래디언트 팝업 레이어와 팝업 메뉴를 구현합니다

<스타일>
/* 그라데이션 팝업 레이어 */
본문{글꼴 크기:9pt;}
#race{display:block;width:200px;height:50px;line-height:50px;text-align:center;배경:#CCC;border:#555 1px solid;}
.raceShow{배경 색상:#f1f1f1;테두리:단색 1px #ccc;위치:절대;디스플레이:없음;너비:300px;높이:100px;패딩:5px;글꼴 크기:12px;}
#UpLayer 범위{테두리:#fff 1px 너비:80px; 줄 높이:20px;}
#UpLayer ul{display:none;position:absolute;border:#ccc 1px solid;width:80px; line-height:20px; margin:-1px 0 0 0;}
#UpLayer ul li{ border-bottom:#ccc 1px dashed;}