Javascript 更改活动屏幕上的图像<；李>；

我有一个2标签的内容滑块，用于我的网站的移动部分。用户单击

元素中的链接图像并加载相应的内容。我希望图像在处于“活动”状态时改变颜色，因此当用户单击它时，几乎可以加载一个新图像

这仅适用于移动网站，因此在提供解决方案时请记住这一点。谢谢大家

<div id="tabs" class='tabs no-screen no-ie'>
<ul>
    <li>
        <a href="#tab-1"><img src="img/mobile/bingo.png" width="70" height="70" alt="Super Free Bingo" /></a>
    </li>
    <li>
        <a href="#tab-2"><img src="img/mobile/slots.png" width="70" height="70" alt="Super Free Logo" /></a>
    </li>
</ul>
  <div id='tab-1' class="tab-box">
    <?php include 'includes/sfb.php'; ?>
  </div>
  <div id='tab-2' class="tab-box">
    <?php include 'includes/sfsg.php'; ?>
  </div>
</div>

如果我理解正确，当用户单击图像时，图像会改变。鉴于您只有两张图像，我们可以执行以下操作：

向目标图像添加唯一id

<img src="img/mobile/bingo.png" id="image-1">
<img src="img/mobile/slots.png" id="image-2">

---

如果我理解正确，当用户单击图像时，图像会改变。鉴于您只有两张图像，我们可以执行以下操作：

向目标图像添加唯一id

<img src="img/mobile/bingo.png" id="image-1">
<img src="img/mobile/slots.png" id="image-2">

---

查看此演示以供参考

---

查看此演示以供参考

---

您可能应该使用css作为li的背景，并为li和li设置不同的背景：active。除非您使用一些图形处理库，否则您不能简单地更改图像的颜色。hover在移动设备上有问题，对吗？您可能应该使用css作为li的背景，并使用li和li的不同背景：active。除非您使用一些图形处理库，否则您不能简单地更改图像的颜色。移动设备上存在悬停问题，对吗？我一直在考虑这些问题，但如何在单击其他图像时将其还原为原始图像？您也可以在单击功能中执行此操作<代码>$（otherImage.attr（'src'，'img/oldImage.png'）如果有机会得到一个完整的脚本，JS会让我有点困惑，我想，你可以在手机上查看url以供参考（）等等，暂时忽略这个如果你指的是“2”和“cherry”选项卡，对我来说似乎很好。有什么问题吗？我一直在想这些问题，但是当其他图像被点击时，如何将其还原为原始图像？你也可以在点击功能中这样做<代码>$（otherImage.attr（'src'，'img/oldImage.png'）如果有机会得到一个完整的脚本，JS会让我有点困惑，我想，你可以在手机上查看url以供参考（）等等，暂时忽略这个如果你指的是“2”和“cherry”选项卡，对我来说似乎很好。有什么问题吗？

$(".a").click(function(){
$(".a").each(function(index){
   $("#id"+(index+1)+" a img").attr('src',a[index]); 
});
var x=$(this).attr('id');
var y=x.split('id')[1];
$("#id"+(y)+" a img").attr('src',b[y-1]); 
});