我想寫一個事件 四個按鈕間來回切換 切換區(qū)域的圖發(fā)生改變 但是我從上到下可以觸發(fā)四次，再回到第一個就不能觸發(fā)了。然后我從下到上也不能觸發(fā)，求解答 謝謝大家！$(function(){$(".left li:first").mouseover(function(){$(".right_b").show();});$(".right").mouseout(function(){$(".right_b").hide()});$(".left li:eq(1)").mouseover(function(){$(".right_c").show();});$(".right").mouseout(function(){$(".right_c").hide()});$(".left li:eq(2)").mouseover(function(){$(".right_d").show();});$(".right").mouseout(function(){$(".right_d").hide()}); $(".left li:last").mouseover(function(){$(".right_e").show();});$(".right").mouseout(function(){$(".right_e").hide();});而且這段代碼可以簡寫 我寫的太臃腫了，求問怎么才能精簡代碼，謝謝！
2 回答
侃侃無極
TA貢獻(xiàn)2051條經(jīng)驗 獲得超10個贊
mouseover和mouseout函數(shù)可以由hover函數(shù)代替，原型是hover(function(){鼠標(biāo)移入},function(){鼠標(biāo)移出})，現(xiàn)在假設(shè)你左邊那四個li都有src屬性，分別設(shè)置成需要切換的圖片路徑，li和右邊的img都在一個id為mydiv的div中，那么只需要mouseover函數(shù)就行了，
$("#mydiv li").mouseover(function(){$("# mydiv img").attr("src",$(this).attr("src"));});
而第一次加載頁面的時候，鼠標(biāo)沒有移動到li上面去過，那么img標(biāo)簽里面什么都沒有，需要手動給img的src屬性設(shè)置一個初始值，或者用js設(shè)置。
添加回答
舉報
0/150
提交
取消