Question

我在style.css下面有css。

.mobile-base{
 background-image:url("img/mobile-base.png");
 background-size:cover;
 background-repeat:no-repeat;
 width:312px;
 height:552px;
 margin-bottom:-8px;
 display: inline-block;
}

低于html标记

<div class="col-sm-8 col-md-8 col-lg-8 someclass">
    <div id="app-body-105">
       <div class="mobile-base">
         <img class="img-responsive alignleft" src="http://192.168.0.31/wp-content/uploads/2015/10/app-1.jpg" alt="">
       </div>

      <div class="content-base">
      <h2>The Ultimate Night Out</h2>
         <p>Phasellus semper massa sit amet metus dictum bibendum. 
        Donec at dui ipsum. Maecenas sagittis tincidunt magna. Proin 
        vulputate mauris  porttitor semper venenatis. Nulla quis sem eget dolor eleifend elementum id at lorem
       </p>      
 </div>
 </div>

我想在类ID（带有src的图像）中的某些点击事件（任意随机mobile-base）上为图像添加动画效果，但不包括css中定义的背景图像。

我尝试了类似下面的内容，但它动画了两张图片，我不希望背景图片被动画化。

$("#someID").click(function() {
    $('#app-body-105' .mobile-base').show('slow');
});

如何使用jQuery或JS？

Answer 1

如果您只想为图像设置动画，则必须告诉jQuery仅为该元素设置动画：

$("#someID").click(function() {
    $('#app-body-105 .mobile-base img').show('slow');
});

如何排除背景图片？

1 个答案: