0

我有一个我想使用的悬停状态，但只有当不透明度不是 0.65 时，这就是我所拥有的，但它不太有效，不确定如何更改它。提前感谢您的帮助。

$('.info_btn').hover(
  var jthis = this;
  if($('.info_btn').css('opacity') == 0.65) { }
  else {
    function() {
        $(jthis).css({
              "opacity": "0.7",
              "-moz-opacity": "0.7",
              "filter": "alpha(opacity = 70)"
        });
    }, function() {
        $(jthis).css({
              "opacity": "0.2",
              "-moz-opacity": "0.2",
              "filter": "alpha(opacity = 20)"
        });
    }
  }
);
4

2 回答 2

2

这仅将事件绑定到唯一.info_btn具有opaticy == 0.65. 如果你有很多.info_btn元素 很有用

        $('.info_btn').filter(function () {
           return parseFloat($(this).css('opacity')) == 0.65
        }).on({
              mouseover: function () {
                 $(this).css({
                    "opacity": "0.7",
                    "-moz-opacity": "0.7",
                    "filter": "alpha(opacity = 70)"
                 });
              },
              mouseout: function () {
                 $(this).css({
                    "opacity": "0.2",
                    "-moz-opacity": "0.2",
                    "filter": "alpha(opacity = 20)"
                 });
              }
           });

它让您将条件保持opacity == 0.65在一个地方，不会将事件附加到额外的.info_btn元素。

于 2013-04-01T14:15:11.563 回答
1 
$('.info_btn').mouseover(function() {
     if($(this).css('opacity') == 0.65) { }
});

这就是您在问题中描述的所有内容。

mouseover 和 hover 有点像
http://api.jquery.com/mouseover/
http://api.jquery.com/hover/

于 2013-04-01T14:03:55.653 回答