jQueryはマウスを画像に浮かべ、画像が透明で、文字が現れることを実現します.

964 ワード

html
        
![](./../assets/product/productWater.png)

![](./../assets/product/productWater.png)

![](./../assets/product/productWater.png)

jQuery
          jQuery("span.jj",this).slideToggle(500);
          jQuery("img",this).animate({
            opacity: 0.1
          },5,function(){
              jQuery(".top > div").mouseleave(function(){
                jQuery("img",this).animate({
                  opacity: 1
                },5)
              })
          });
        });