要求：一張圖片1、單擊該圖片，圖片樣式（如邊框顏色變紅）改變，再單擊一次，返回原來樣式（如邊框顏色變回原來的藍色）；2、當圖片處于邊框是紅色的情況下。沒有mouseover和mouseout事件3、當圖片處于邊框是藍色的情況下，mouseover將邊框變紅，mouseout將邊框變回原來的藍色。應該怎么實現？在3中，還有click事件，click將邊框變紅后，即鼠標單擊圖片使邊框變紅后，不會發生mouseout再將邊框變藍。
1 回答
慕森王
TA貢獻1777條經驗 獲得超3個贊
你這邏輯有點問題，或者表達有點問題，
問：如果當邊框為藍色時，鼠標放上去為紅色，此時點擊的話，邊框是否變回藍色？
答：
不變，保留紅色，此時屬于你的附加條件，不應該有mouseout事件，那mouseover是否需要，需要的話有屬于mouseover事件，那mouseout事件有應該有。
其實，你要的挺簡單，可能沒有描述清楚。以下是不包括你附加條件的js代碼，如果要的話，請邏輯描述清楚，再給你寫
var c = 0; //藍色
$(function () {
$("#img").click(function () {
if (c == 0) {
$(this).css("border-color", "red");
c = 1;
}
else {
$(this).css("border-color", "blue");
c = 0;
}
});
$("#img").mouseover(function () {
if (c==0) {
$(this).css("border-color", "red");
}
});
$("#img").mouseout(function () {
if (c == 0) {
$(this).css("border-color", "blue");
}
});
});
添加回答
舉報
0/150
提交
取消