-3

私はフラッシュ Web サイトを見て、これが Jquery を使用して構築できるものであるかどうかに興味がありましたが、明らかにすべてではありません。ボタンのクリックで div1 と div2 をフェードアウトしたいと思っていました。これはサイトの例です: www.justinfarrellyconstruction.com

例: ホームページにアクセスしてポートフォリオ ボタンをクリックすると、Gallery Div がフェードアウトしてから別の画像にフェードインします。同時に、Text div はそのコンテンツをフェードアウトし、ポートフォリオ テキストを読み込みます。

これが意味をなさない場合は申し訳ありませんが、これは私にとってまったく新しいことであり、学ぼうとしています。

4

1 に答える 1

0

あなたの質問は非常に漠然としていますが、この例が正しい方向に進むことを願っています: http://jsfiddle.net/3mJ3z/

メニューは基本的に3つ、対応するコンテンツは3つ。メニュー項目をクリックすると、他のすべてのコンテンツ項目が消え、対応するコンテンツ項目がフェードインします。HTML:

<div class="item-1 content-item">
    I am the content for item 1
</div>

<div class="item-2 content-item" style="display: none;">
    I am the content for item 2
</div>

<div class="item-3 content-item" style="display: none;">
    I am the content for item 3
</div>

<ul>
    <li class="change-item" data-item="1">Item 1</li>
    <li class="change-item" data-item="2">Item 1</li>
    <li class="change-item" data-item="3">Item 1</li>
</ul>
​

JS:

$('.change-item').click(function(){
    var this_item = $(this).attr("data-item");
    $('.content-item').hide();
    $('.item-' + this_item).fadeIn();
});​
于 2012-12-18T23:01:20.210 に答える