Question

这是更简单的代码。对不起，我是新来的。

如果单击了loginbutton。它将显示登录容器。请帮忙。感谢。

 <html>
 <head>
<script>
$(document).ready(function(){
$("#login").click(function(){
$("#login_container").slideToggle("500");
});
});
</script>
<style>
#login {
background-image:url(images/loginbutton.jpg);
width:65px;
height:22px;
float:left;
 }
 #login_container {
background-image:url(images/logincontainer.jpg);


 }
 </style>
 </head>
 <body>

 <div id="login">
 <div id="login_container">
 </body>
 </html>

Answer 1

您的代码没有任何问题。您确定在代码中添加了jQuery文件吗？

另外，我建议您将“display：none”添加到.login_container。或者使用hide（），如下所示：

$('.login_container').hide();

$('.login').click(function() {
    $('.login_container').slideToggle(500);
});

使用jquery切换图像？

1 个答案: