当我单击链接时，如何使用 JavaScript 在 CSS 中更改图像中的选定颜色

when i click link how to change selected color in image in css using javascript

本文关键字：图像 颜色 CSS 链接 单击 JavaScript 何使用      更新时间：2023-09-26

当我点击链接时，如何使用JavaScript更改CSS中图像中的选定颜色？如何在下面的代码中使用 JavaScript？

    .review {
      padding-left: 55px;
      display: inline-block;
    }
    .icon1 {
      display: inline-block;
      background: url('../userimage/icon.jpg') no-repeat -32px -40px;
      width: 12px;
      height: 14px;
      padding-left: 6px;
    }
    .icon2 {
      display: inline-block;
      background: url('../userimage/icon.jpg') no-repeat -32px -66px;
      width: 12px;
      height: 14px;
      padding-left: 6px;
    }
    .icon1:hover {
      background: url('../userimage/icon.jpg') no-repeat -13px -40px;
      width: 12px;
      height: 14px;
      cursor: pointer;
    }
    .icon2:hover {
      background: url('../userimage/icon.jpg') no-repeat -13px -66px;
      width: 12px;
      height: 14px;
      cursor: pointer;
    }
    .icon {
      cursor: pointer;
      color: #848484;
      font-weight: bold;
      margin-left: 5px;
    }

.HTML：

<p class="review">
  Was this review helpful?
  <a class="icon" id="jp">
    <span class="icon1"></span>
    Yes
  </a>
  <a class="icon"><span class="icon2"></span>No</a>
</p>
好的，

:visited从浏览器历史记录中工作，我认为您只想更改单击链接的颜色。我把一些jQuery放在一起 

$('a').click(function(){
 if ( $(this).is(":visited"))
     $(this).removeClass("visited");
 else
     $(this).addClass("visited");
 });

和 CSS

    a{
color:#000;
text-decoration:none;
}
a.visited{
color:#205081;
}
相关文章：