我想寫一個事件 四個按鈕間來回切換 切換區域的圖發生改變 但是我從上到下可以觸發四次，再回到第一個就不能觸發了。然后我從下到上也不能觸發，求解答 謝謝大家！$(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貢獻2051條經驗 獲得超10個贊
mouseover和mouseout函數可以由hover函數代替，原型是hover(function(){鼠標移入},function(){鼠標移出})，現在假設你左邊那四個li都有src屬性，分別設置成需要切換的圖片路徑，li和右邊的img都在一個id為mydiv的div中，那么只需要mouseover函數就行了，
$("#mydiv li").mouseover(function(){$("# mydiv img").attr("src",$(this).attr("src"));});
而第一次加載頁面的時候，鼠標沒有移動到li上面去過，那么img標簽里面什么都沒有，需要手動給img的src屬性設置一個初始值，或者用js設置。
添加回答
舉報
0/150
提交
取消