变化BG按钮的颜色上按

我知道这个问题可能听起来愚蠢到你们，但我是初学者所以需要一些专家的帮助，我想问的是反正有没有改变按钮的背景颜色按下时，我的意思是当它被点击时它变成不同的背景颜色，并且当被释放时设置为默认（当通过鼠标按下时）。我试图但是当我设置功能触发的“按键”功能不会触发但是当我使用“点击”它的工作原理，但不改变默认释放时......请帮助我..变化BG按钮的颜色上按

使用Javascript/jQuery的：

function initAll(){ 
$("#submitBtn").on('keypress', sendMessage); 
} 

function sendMessage(){ 
    $("#submitBtn").css('background-color', 'Red'); 
}

HTML：

<input type="button" id="submitBtn" name="submitBtnnm" value="Send" />

来源

2012-09-19 Android Guy

你不需要JS - 只是:active状态

#submitBtn:active { 
    background: red; 
}

DEMO

来源

2012-09-19 16:53:51

man ur awesome !!你在5分钟内解决了它......非常感谢你...... = D –

谁在这里金？ –

:)一个名叫Kim的人留言说''active'只是一个CSS3功能 - 这是一个回复 –

我会做下列方式（更容易在我看来阅读）：

function initAll() { 
    $("#submitBtn").click(sendMessage); 
} 

function sendMessage() { 
    $("#submitBtn").css('background-color', 'red'); 
}

确保您调用代码initAll()上$(document).ready()。否则，代码可能在页面上没有匹配元素时运行。

评论，如果你需要更多的建议！

来源

2012-09-19 16:53:10 Hidde

@Hiddle我已经提到过它，我试过点击，但释放时不会切换到默认的颜色......顺便说一句“佐尔坦”回答了这个问题，真正THX给你的时间整理问题... =） –

尝试jQuery的鼠标按下和鼠标松开功能：http://api.jquery.com/mousedown/和http://api.jquery.com/mouseup/

$(document).ready(function(){ 
    $("button").mousedown(function(){ 
    $(this).css("background", "red");   
    }); 
    $("button").mouseup(function(){ 
    $(this).css("background", "green");   
    });  
});

http://jsfiddle.net/CdzSB/

来源

2012-09-19 16:53:44 Horen

非常感谢你...... =）它的工作，但为此我将不得不扩展代码，我将不得不设置两个不同的功能，顺便说一句佐尔坦解决了这个问题。我们可以在css端添加#submitBtn：active，并且它的工作非常完美。不管怎么说，感谢您为宝贵的时间.. = D –

你应该使用CSS类像这样和使用jQuery添加类到body标签时，点击链接

.changeback{ 
background-color: #333333; 
background-image: url('images/background9.jpg'); 
}

和jQuery代码应该是这样的

$("#send").click(function(){ 
    $('body').addClass('changeback'); 
}):

来源

2012-09-19 16:56:41 Afshin

，但它不会在发布时将颜色设置为默认值，顺便说一句，我已经得到了答案，非常感谢你很多帮助我=） –

您曾尝试以下？：

$('document').ready(function() { 
    $('#submitBtn').mousedown(function() { 
     $('#submitBtn').css('background-color', 'Red'); 
    }).mouseup(function() { 
     $('#submitBtn').css('background-color', 'Blue'); 
    }); 
});

基本上，当用户按下按钮它变为红色，并且当使用者停止按压它，它变成蓝色。

希望这会有所帮助。 :)

来源

2012-09-19 17:00:00 greduan

非常感谢你...... =）它的工作，但为此我将不得不扩展代码，我将不得不建立两个不同的功能，顺便说一句佐尔坦解决了这个问题。我们可以在css端添加#submitBtn：active，并且它的工作非常完美。不管怎样，感谢您为宝贵的时间提供帮助.. = D –

@AndroidGuy没问题！很高兴我能够帮助，即使有点。 :)当你想在这些条件下执行某些功能时，你至少可以重复使用它。 :)是否有可能你投票我的帖子？记住这是说谢谢的最好方式。 ;） – greduan

Lavaque对不起，但我不能，因为要投票一个需要超过15声望....所以，上帝保佑你=） –

变化BG按钮的颜色上按

回答

相关问题