jQuery切换面板，背景更改

我有一个带有两个按钮“登录”和“注册”的醒目页面。到目前为止我所获得的代码是： 1.单击按钮时展开登录和注册表单（div）。 2.隐藏另一个表单（如果它已经可见）（一次只有一个表单可见，每次只有一个按键处于“按下状态”）。 3.按下时更改按钮背景，并且相应的面板可见。jQuery切换面板，背景更改

这是迄今为止代码：

$(function() { 
       $('#login').click(function() { 
        $('.login').slideToggle('fast'); 
        $('.register:visible').slideToggle('fast'); 
        $("#register").css("background", "rgba(255,0,0,0.8)"); 
        $("#login").css("background", "rgba(255,0,0,0.6)"); 
        return false; 
       }); 
       $('#register').click(function() { 
        $('.register').slideToggle('fast'); 
        $('.login:visible').slideToggle('fast'); 
        $("#login").css("background", "rgba(255,0,0,0.8)"); 
        $("#register").css("background", "rgba(255,0,0,0.6)"); 
        return false; 
       }); 
      });

与上面的代码的问题是，当我躲在两个面板，一个按钮保持一个“按下状态” RGBA（255,0,0 ，0.6）..另外我想添加一个悬停效果，当按钮被解除压缩时，我怎么能这样做呢？

非常感谢你提前，我是用jQuery新手，我挣扎..

来源

2013-04-24 Adrian M.

首先，我建议你添加和删除CSS类，而不是直接更改CSS属性 - 它可能会放晴一些bug，不知道虽然：$('#register').addClass('btnClicked');

您可以添加悬浮效果，像这样：

$('#login, #register').hover(function() { 
    $(this).addClass('btnHover'); 
}, function() { 
    $(this).removeClass('btnHover'); 
}

，如果你想保持你的风格，只是把徘徊的CSS代码中的第一个功能，在秒内恢复正常ond函数。

来源

2013-04-24 15:49:16

jQuery切换面板，背景更改

回答

相关问题