こんにちは - これは StackOverflow に関する私の初めての投稿であり、jQuery と JS に関しては少し初心者です...だから、私に気楽に行ってください :) ここに行きます...
ポートフォリオ サイトを再作成し、いくつかの jQuery プラグインを使用しています。そのうちの 1 つは、ここにある jquery.ascensor.js プラグインです - Ascensor Plugin
特定の "ascensorFloor1,2,3...etc"見えてきて、見えなくなると消えます...これが理にかなっているといいのですが。
これは、プラグインを呼び出す私の HTML です。
$('#ascensorBuilding').ascensor({
AscensorName:'ascensor',
ChildType:'section',
AscensorFloorName:'Home | Implementation | HTML | Jquery | CSS | Smartphone | Credits',
Time:1000,
WindowsOn:1,
Direction:'chocolate',
AscensorMap:'2|1 & 2|2 & 2|3 & 2|4 & 2|5 & 1|5 & 2|6',
Easing:'easeInOutQuad',
KeyNavigation:true,
Queued:false
});
本文の HTML:
<section id="ascensorFloor1" class="ascensorFloor" style="position: absolute; width: 1920px; height: 955px; left: 3840px; top: 955px;">
<article class="container_12">
<h1>Content for Floor 1</h1>
</article>
</section>
<section id="ascensorFloor2" class="ascensorFloor" style="position: absolute; width: 1920px; height: 955px; left: 3840px; top: 955px;">
<article class="container_12">
<h1>Content for Floor 2</h1>
</article>
</section>
<section id="ascensorFloor3" class="ascensorFloor" style="position: absolute; width: 1920px; height: 955px; left: 3840px; top: 955px;">
<article class="container_12">
<h1>Content for Floor 3</h1>
</article>
</section>
私は CSS3 コードを処理できると思いますが、jQuery の「コールバック」機能について少し助けが必要です。
どんな助けでも素晴らしいでしょう。前もって感謝します :)