我想为我的菜单中的某些图像添加翻转效果。用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.替换元素属性值; –