Question

我需要使用以下描述创建一个jquery控件。

底部会有一个图像背景和一个窗格，文字如图1所示。单击向上箭头将使窗格完全向上滑动，覆盖背景，如图2所示的透明幻灯片。透明幻灯片将显示简短的文字。

带有我需要的功能描述的图像位于以下链接

http://social.msdn.microsoft.com/Forums/sharepoint/en-US/f3b59305-0279-4601-bf91-819b146a3f53/jquery-updown-image-background?forum=scripting

Answer 1

选中此Fiddle，您需要的所有代码jQuery都是：

<script type="text/javascript">
$(document).ready(function(){
    var count=1;
    $('#arrow').click(function(){
        count++;
        if (count%2 == 0){
            $('#cover').animate({'top':'0px'},500);
            $(this).removeClass('open').addClass('close');
            }else{
                $('#cover').animate({'top':'170px'},500);
                $(this).removeClass('close').addClass('open');
            };
        });
})
</script>

如果你喜欢它......记得投票

jQuery上/下图像背景与幻灯片

1 个答案: