javascript - 点击图片滚动效果

Question

我正在尝试为菜单制作滚动效果。准确地说，我想点击一张图片，当我点击它时，菜单会向下滚动 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/

因此，当我单击该箭头将链接从上到下或从下到上移动时，都没有关系。

谢谢。

Answer 1

你可以试试this method .单击箭头时它会重新排序列表元素

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

您应该学习如何使用 javascript/jQuery 并向我们展示您到目前为止的尝试以及下次您在这里发帖时遇到的问题

如果你想要更高级的东西，你可以做类似于 this example 的事情, 虽然我会添加一些 .stop() 来消除它的一些错误