jQuery-도구-오버레이 사용법 소개_jquery
复代码 代码如下:
<머리>
href="./overlay-basic.css"/>
<스타일>
/* 트리거에 대한 일부 스타일 지정 */
#triggers {
text-align:center;
}
#triggers img {
cursor:pointer;
여백:0 5px;
배경색:#fff;
테두리:1px 단색 #ccc;
패딩:2px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
/* 오버레이 내부 요소에 대한 스타일 지정 */
.details {
position:absolute;
상단:15px;
오른쪽:15px;
글꼴 크기:11px;
색상:#fff;
폭:150px;
}
.details h3 {
color:#aba;
글꼴 크기:15px;
}
바르셀로나 파빌리온
스페인 바르셀로나
루드비히 미스 반 데어 로에(Ludwig Mies van der Rohe)가 디자인한 바르셀로나 파빌리온
은 1929년 스페인 바르셀로나
국제박람회의 독일관이었습니다.
근대 건축사에 있어서 중요한 건물이었습니다.
여러 비평가, 역사가, 현대주의자들은 이 건물을 "
세기의 가장 아름다운 건물"이라고 선언했습니다
바르셀로나 파빌리온
스페인 바르셀로나
이 건물의 또 다른 독특한 특징은 이국적인
Mies가 선택한 재료입니다.
티노스 베르데 베니어와 같은 고급 석재 플레이트
안티코 대리석, 황금색 오닉스, 회색 착색 유리
녹색, 흰색, 반투명 유리 외에
독점적인 성능을 발휘합니다. 공간 분배기.
<스크립트>
$(document).ready(function() {
$("img[rel]").overlay({
closeOnClick:false,
마스크: 'darkred'
}) ;
});