jQuery实现图片显隐特效

Posted on Posted in js
Tips: 本文创建于2015年11月4日,已超过 2 年,内容或图片可能已经失效!

清晰向模糊

  1. <script type="text/javascript">// <![CDATA[   
  2. $(function () {   
  3. $('img').hover(   
  4. function() {$(this).fadeTo("fast", 0.5);},   
  5. function() {$(this).fadeTo("fast", 1);   
  6. });   
  7. });   
  8. // ]]></script>  

模糊向清晰

  1. <script type="text/javascript">// <![CDATA[   
  2. $(function() {   
  3. $('img').animate({"opacity": .5 });   
  4.     
  5. $('img').hover(function() {   
  6. $(this).stop().animate({ "opacity": 1 });   
  7. }, function() {   
  8. $(this).stop().animate({ "opacity": .5 });   
  9. });   
  10. });   
  11. // ]]></script>  
» 转载请注明来源:若我若鱼 » jQuery实现图片显隐特效

Leave a Reply

Your email address will not be published. Required fields are marked *

seven − one =