Question

我需要制作一个灰度等级的图像，它会获得颜色，当我点击它时，按钮仍然会突出显示，我已经想出了悬停部分，我怎么能让它保持高亮显示？

Answer 1

尝试使用$("#aimNode").click(function(){$(this.toggleClass("active"))})：

＆＃13;

filter

＆＃13;

$('button').click(function() {
    $(this).css({'-webkit-filter': 'grayscale(0)',
    							'filter': 'grayscale(0)'});
});

＆＃13;

button {
  
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  transition: 1s;
  
  /* settings */
  background-image: url(http://sourcingrecruitment.info/wp-content/uploads/2015/05/stackoverflow.png);
  width: 512px;
  height: 512px;
  
  /* cosmetics */
  border: 0;
  border-radius: 5px;
  margin: 1em;
  outline: 0;  
}

button:hover {
    -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

＆＃13;

JSFiddle

Answer 2

如果图片也是＆＃39;按钮＆＃39;需要保持突出显示的是，你可以在按下时通过JQuery更新图像或按钮CSS。

$(function() {
  $('#id_of_your_image_element_here').click(function() {
    $(this).css('background', 'red');
  });
});

尝试使您的问题更加具体和解释。

Answer 3

您可以为标记css编写hightlight class="active"文件（或一段代码），活动是突出显示样式，当您单击图像时，事件{{1} }可以更改onclick的目标广告属性。或者class使用JQuery。

如何制作悬停图像按钮？

3 个答案: