지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > JS 튜토리얼 > JQuery에서 생성된 확대 효과가 있는 팝업 대화 상자(jquery 플러그인이 추가되지 않음) Share_jquery

JQuery에서 생성된 확대 효과가 있는 팝업 대화 상자(jquery 플러그인이 추가되지 않음) Share_jquery

WBOY
풀어 주다： 2016-05-16 17:35:01
원래의
1381명이 탐색했습니다.

더 이상 고민하지 않고 바로 주제로 가서 확대 효과가 있는 팝업 대화 상자를 공유해 보겠습니다. 프로젝트에서 필요에 따라 CSS를 작성할 수 있으며 메트로 스타일 사이트에서 재사용할 계획입니다.

애니메이션 효과가 상당히 멋진 것 같습니다. 처리하면 더 좋을 것 같습니다.

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


;
<제목>
>< ;style>
body { 배경: #ace; 글꼴: 12px/1.2 Arial, Helvetica, sans-serif }
ul li { 배경:#fff; 너비:100px; 100px; float:left; }
배경:투명;
디스플레이:없음
왼쪽:50%;
z-색인: 10001
}
#content {
배경:#fff;
테두리:1px 솔리드 #666;여백:-50px 0 -50px; 🎜> 너비:100px; 높이:100px;
z-색인:
}
#mask{
위치: 절대;
왼쪽: 0;
폭: 100%;
높이: 100%;
배경색: #000000;
디스플레이: 없음

}
닫기
{
너비:30px;
배경색:빨간색
디스플레이:없음
closeShow
{
너비:30px;
여백-왼쪽:50px
배경색:빨간색; 커서: 포인터
}

저자별 최신 기사
최신 이슈
Width 속성을 추가하여 콘텐츠를 왼쪽으로 이동합니다. 나는 본문에 여백을 제공했습니다. main {left margin: 200px; right margin: 200px; text alignment: center} ...
에서 2024-04-06 22:01:35
0
3
816
Apache에서 CustomLog 지시문을 어디에 배치해야 합니까? 저는 php:7.2-apachedocker를 사용하고 있습니다. 상태 확인 URL 로그인 액세스 로그를 비활성화해야 합니다. 이 링크를 기반으로 Customlog...
에서 2024-04-06 22:03:59
0
1
990
Javafx에서 인라인 CSS 스타일을 동적으로 수정합니다. 응용프로그램이 최대화되었을 때 창의 배경 이미지를 변경하려고 합니다. 내 배경은 인라인 CSS를 사용하여 설정됩니다. 스타일에 대해 두 개의 다른 변수와 if 문...
에서 2024-04-06 20:57:16
0
1
487
다른 CSS 코드가 무엇이든 관계없이 Flexbox의 텍스트를 수직 중앙에 강제로 배치할 수 있는 방법이 있나요? 제가 개발 중인 웹사이트에 사용되는 더 큰 CSS 코드의 일부인 다음 CSS 코드가 있습니다. .cards-u{display:flex;flex-wrap:wrap;...
에서 2024-04-06 20:41:51
0
1
518
d3.js를 확대할 때 산점도 값이 유지되지 않습니다. d3.js를 처음 사용하는 것이므로 양해해 주시기 바랍니다. vue.js 파일에 순수 JavaScript로 구현했습니다. 확대/축소 기능을 사용하여 산점도를 만들...
에서 2024-04-06 18:16:26
0
1
403
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿