>  기사  >  웹 프론트엔드  >  jQuery_jquery를 사용하여 그라디언트 팝업 레이어 및 팝업 메뉴를 구현하는 방법

jQuery_jquery를 사용하여 그라디언트 팝업 레이어 및 팝업 메뉴를 구현하는 방법

WBOY
WBOY원래의
2016-05-16 16:13:18923검색

이 기사의 예에서는 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;}