如何改组在jquery中添加的类的不透明度

时间:2013-01-14 10:38:15

标签: jquery css if-statement jquery-selectors

我在jquery

中使用jquery将类添加到我的图像中
$('.myimage img').addClass('img_opacity').css({"position":"absolute","z-index":"999","opacity":"0"})

现在我想用jquery变量img_opacitymyvar类的不透明度从“0”和“1”混洗。此jquery变量的值为opa1 and opa2。如何在上面的jquery脚本中使用if else来混淆不透明度。

2 个答案:

答案 0 :(得分:3)

不确定我理解你的问题,但也许这符合你的需求:

var opa1 = 0, opa2 = 1;
$('.img_opacity').each(function(){
    var myvar = $(this).is(':hidden')?opa2:opa1;
    $(this).css({opacity:myvar});
});

答案 1 :(得分:0)

如果您想要点击不透明度而不是这可能是答案http://jsfiddle.net/vleran/ErajA/

<强> HTML

<a href="#">Shuffle!</a>

<div class="myimage">
  <img class="is-visible" src="http://www.osa-opn.org/opn/media/Images/ImageOfTheWeek/12-10-22.jpg?width=1024&height=1024&ext=.jpg" alt="NASSA"/>
</div>

<强>的jQuery

$('a').click( function(e) {

e.preventDefault();
  if($('img').hasClass('is-visible')) {
    $('img').animate({opacity: 0}, 500).addClass('is-hidden').removeClass('is-visible');
  } else {
    $('img').animate({opacity: 1}, 500).addClass('is-visible').removeClass('is-hidden');
  }
});