ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery-ツール-オーバーレイの使用法入門_jquery
jQuery-ツール-オーバーレイの使用法入門_jquery
- WBOYオリジナル
- 2016-05-16 17:51:531436ブラウズ
复制代码代码如下:
href="./overlay-basic.css"/>
/* トリガーのいくつかのスタイル */
#triggers {
text-align:center;
}
#triggers img {
カーソル:ポインタ;
マージン:0 5px;
背景色:#fff;
ボーダー:1px ソリッド #ccc;
パディング:2px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
/* オーバーレイ内の要素のスタイル設定 */
.details {
position:absolute;
トップ:15px;
右:15px;
フォントサイズ:11px;
色:#fff;
幅:150ピクセル;
}
.details h3 {
color:#aba;
フォントサイズ:15px;
}
バルセロナ パビリオン
バルセロナ、スペイン
ルートヴィヒ・ミース・ファン・デル・ローエが設計したバルセロナ・パビリオンは、
スペインの
バルセロナで開催された1929年の万国博覧会のドイツ館でした。それは
近代建築の歴史において重要な建物でした。
何人かの批評家、歴史家、モダニストは、この建物を「
今世紀で最も美しい建物」
バルセロナ パビリオン
バルセロナ、スペイン
この建物のもう 1 つのユニークな特徴は、ミースが使用することを選んだ エキゾチックな
素材です。
ティノス・ヴェルデ
アンティコ大理石や金色のオニキスの化粧板などの高級石材のプレート、および半透明のガラスに加えて、グレー、
緑、白の色付きガラスも
として機能します。空間の仕切り。
$(document).ready(function() {
$("img[rel]").overlay({
closeOnClick:false,
マスク: 'darkred'
}) ;
});