CSS/Javascript将背景图像向上移动，并在单击时显示另一个图像_Css

CSS/Javascript将背景图像向上移动，并在单击时显示另一个图像

css

CSS/Javascript将背景图像向上移动，并在单击时显示另一个图像,css,Css,我在一个div中有一个背景图像，显示一个代表英语的美国国旗。当用户单击美国国旗时，我希望国旗向上移动并在其下方显示日本国旗，以便用户在单击美国国旗或日本国旗时可以切换语言。但是，我认为这是您想要的： HTML <body> <div id="chooseLanguage"> <img style="z-index:100;" class="flags" src="http://static.buildasign.com/UPLOAD/imag

我在一个div中有一个背景图像，显示一个代表英语的美国国旗。当用户单击美国国旗时，我希望国旗向上移动并在其下方显示日本国旗，以便用户在单击美国国旗或日本国旗时可以切换语言。

但是，我认为这是您想要的：

HTML

<body>
    <div id="chooseLanguage">
        <img style="z-index:100;" class="flags" src="http://static.buildasign.com/UPLOAD/images/listings/PID970_United_States_Flag.jpg" />
        <img class="flags" src="http://worldwide.bose.com/electroforce/assets/images/learning_center/Japan_Flag.jpg" />
    </div>
</body>

body {
    background-color:grey;
}
#chooseLanguage {
    margin-top:50px;
    position:relative;
}
.flags {
    height:30px;
    width:40px;
    position:absolute;
}

$(".flags").click(function () {
    flagHeight = $(this).height();
    $(".flags").removeAttr('style');
    $(this).css({
        top: -flagHeight + "px"
    });
});

你的想法听起来不错，有代码吗？一份需求清单并不是一个问题。请看和