變化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按鈕的顏色上按

回答

相關問題