0

メニューにスクロール効果を付けようとしています。正確には、画像をクリックしたいと思います。それをクリックすると、メニューが 1 つ下にスクロールし、フェード効果または次のリンクへの効果が表示されます。ああ...私の言いたいことが理解できれば、風車の車輪のように.:) そして、情報を見つけることができませんでした.

これが私のコードです:

    <div class=".img-fade"><img src="http://www.lahondafire.org/nest/Volunteer%20Manual/Signs%20and%20Forms/Arrow.gif" width="180" height="170"><BR>
When i click on the arrow the links below start scrolling down by 1 and contact to be top and about me to be to bottom...</div>
        <div class="menu">
    <a HREF="#">About me</a><BR>
    <a HREF="#">Portofolio</a><Br>
    <a HREF="#">Contact</a>
    </div>

http://jsfiddle.net/WCtQn/242/

そのため、その矢印をクリックしてリンクを上から下または下から上に移動しても問題ありません。

ありがとうございました。

4

2 に答える 2

1

この方法を試すことができます。矢印をクリックすると、リスト要素が並べ替えられます

$('.img-fade').click(function() {
    var last = $('a')[0];
    last.remove();
    $('br')[0].remove();
    $('.menu').append("<br> " + last['outerHTML']);
});

javascript/jQuery の使用方法を学び、これまでに試したことと、次にここに投稿するときに問題が発生したことをお知らせください。

より洗練されたものが必要な場合は、この例と同様のことを行うことができますが、いくつかの s を追加していくつ.stop()かのエラーを削除します

于 2013-07-31T18:23:51.807 に答える