さまざまなリンクのオーバーレイを表示したいと考えています。最初のオーバーレイには画像とテキストが含まれていますが、リンク 2 をクリックすると、同じ構造で異なるコンテンツを持つオーバーレイ 2 が表示されます。希望の出力を得るのを手伝ってください。

function on() { document.getElementById("オーバーレイ").style.display = "ブロック"; } 関数 on1() { document.getElementById("overlay1").style.display = "ブロック"; } 関数オフ() { document.getElementById("オーバーレイ").style.display = "なし"; }

.img { トランジション: トランスフォーム 5 秒のイーズインアウト。 変換: スケール(1); 変換元: 0 0; } .img:ホバー { 変換: スケール(1.25) } ＃かぶせる、 #オーバーレイ1 { 位置: 固定; 表示: なし。 幅: 100%; 高さ: 100%; トップ: 0; 左: 0; 右: 0; 下: 0; 背景色: 白; z インデックス: 77777772; カーソル: ポインタ; } ＃文章、 ＃テキスト 1 { 位置: 固定; トップ: 20%; 左: 5%。 //フォントサイズ: 50px; 色: 黒; // 変換:translate(-50%,-50%); // -ms-transform:translate(-50%,-50%); }

 
 
 
XXX
 
ZZZ
 
 渓谷に住む人々の計り知れない才能を発見するのに協力してください。 
 
 
 
 
 

      
 
 
 
 

      
AAA
MMM
 
渓谷に住む人々の計り知れない才能を発見するのに協力してください。 
 
 
 
 
 

      
 
 
 
 続きを読む -> 続きを読む -> 1. 項目をリストします