Question

点击按钮图片向下滚动后消失 jq

就是点击进入后，上面的字往上移动后消失，进入按钮往下移动后消失，背景图更换 jq怎么实现效果，求jq高手解答一下，急用呀，在此谢谢了

Answer 1

html:
<div class="bj">
<div class="con">瑞海水城</div>

<div class="btn">进入</div>

</div>

jQ:
$(".btn").click(function(){
$(".con").animate({"top","-20px"},1000,function(){
$(this).fadeOut("slow");

});
$(".con").animate(
{"top","-20px"},1000,function(){
$(this).fadeOut("slow");

});
$(".bj").css("background","red");

});

追问

有错误，麻烦帮忙再看看

追答

- -！

我是给你个大体的思路，不是让你原原本本的用的！难道你就直接把代码复制到网页中去了？

<script>
$(function(){
$(".btn").click(function(){
    $(".con").animate({top:"-20px"},1000,function(){
        $(this).fadeOut("slow");
    });
    $(".con").animate(
        {top:"-20px"},1000,function(){
        $(this).fadeOut("slow");

    });
    $(".bj").css("background","red");
});
});
</script>

这些是JS的完整代码，但是要HTML的配合，你要把里面的两个层设成绝对定位，各种HTML的修饰就不用我多说了吧~按照你做的做好就好了~