首页>>Jquery文字>>鼠标经过图片或者文字 改变效果 css+jquery实现hover改变图片或者文字效果(2014-10-14)

鼠标经过图片或者文字 改变效果 css+jquery实现hover改变图片或者文字效果

鼠标经过图片或者文字 改变效果 css+jquery实现hover改变图片或者文字效果
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

JavaScript Code
  1. <script> /* JQUERY FUNCTIONS */  
  2.     $(document).ready(function(){   
  3.         $(".ss_white").hover(function(){  
  4.         $(this).animate({'opacity':0},250);  
  5.         }, function(){   
  6.         $(this).animate({'opacity':1},250);  
  7.         });  
  8.     });  
  9. </script>  
XML/HTML Code
  1. <div id="content">  
  2.   <div class="fb"><img class="ss" src="include/fb_blue.png" /><img class="ss_white" src="include/fb_white.png" /></div>  
  3.   <div class="tw"><img class="ss" src="include/tw_blue.png" /><img class="ss_white" src="include/tw_white.png" /></div>  
  4.   <div class="in"><img class="ss" src="include/in_blue.png" /><img class="ss_white" src="include/in_white.png" /></div>  
  5.   <div class="gp"><img class="ss" src="include/g+_blue.png" /><img class="ss_white" src="include/g+_white.png" /></a></div>  
  6. </div>  

 


原文地址:http://www.freejs.net/article_jquerywenzi_445.html