我想爲我的菜單中的某些圖像添加翻轉效果。用jQuery交換圖像
該菜單目前是一個樣式無序列表。
<ul id="myMenu">
<li> <a href=""><img src="apple_faded.gif"></a></li>
<li> <a href=""><img src="banana_faded.gif"></a></li>
</ul>
該列表通過循環動態生成。當我將鼠標懸停在此<li>
上並使用jQuery執行操作時,我想要從圖像名稱中刪除「_faded」部分。
我知道這是可能的,只是不知道如何。
UPDATE:
這裏的工作解決方案:
$("#myMenu li").mouseover(function(){
var image = $(this).find("img");
image.attr("src", image.attr("src").replace("_faded", ""));
}).mouseout(function(){
var image = $(this).find("img");
image.attr("src", image.attr("src").replace(".gif", "_faded.gif"));
});
你有多遠?將任務分解爲多個小任務,如:1.添加事件; 2.獲取元素; 3.替換元素屬性值; –