要求：一張圖片1、單擊該圖片，圖片樣式（如邊框顏色變紅）改變，再單擊一次，返回原來樣式（如邊框顏色變回原來的藍(lán)色）；2、當(dāng)圖片處于邊框是紅色的情況下。沒有mouseover和mouseout事件3、當(dāng)圖片處于邊框是藍(lán)色的情況下，mouseover將邊框變紅，mouseout將邊框變回原來的藍(lán)色。應(yīng)該怎么實(shí)現(xiàn)？在3中，還有click事件，click將邊框變紅后，即鼠標(biāo)單擊圖片使邊框變紅后，不會(huì)發(fā)生mouseout再將邊框變藍(lán)。
1 回答
慕森王
TA貢獻(xiàn)1777條經(jīng)驗(yàn) 獲得超3個(gè)贊
你這邏輯有點(diǎn)問題，或者表達(dá)有點(diǎn)問題，
問：如果當(dāng)邊框?yàn)樗{(lán)色時(shí)，鼠標(biāo)放上去為紅色，此時(shí)點(diǎn)擊的話，邊框是否變回藍(lán)色？
答：
不變，保留紅色，此時(shí)屬于你的附加條件，不應(yīng)該有mouseout事件，那mouseover是否需要，需要的話有屬于mouseover事件，那mouseout事件有應(yīng)該有。
其實(shí)，你要的挺簡單，可能沒有描述清楚。以下是不包括你附加條件的js代碼，如果要的話，請邏輯描述清楚，再給你寫
var c = 0; //藍(lán)色
$(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");
}
});
});
添加回答
舉報(bào)
0/150
提交
取消