jQuery 实现图片的特效1[原]

最新推荐文章于 2025-09-05 11:22:47 发布

转载最新推荐文章于 2025-09-05 11:22:47 发布 · 74 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/net_nb2/archive/2008/08/22/1273911.html

文章标签：

#javascript #ViewUI

本文介绍如何使用jQuery轻松实现图片的动画效果，包括显示(show)、隐藏(hide)、淡入(fadeIn)及淡出(fadeOut)四种基本操作，并通过实例展示了不同效果的具体应用。

用jQuery实现图片的动画效果非常简单.以下演示 jQuery里面所用到的参数 HIDE SHOW FADEOUT FADEIN 的不同.
在线演示:单击演示
代码分析:
//hide and show fadeout and fadein
$("input:eq(0)").click(function(){
    $("img").fadeOut(3000);
    });
  $("input:eq(1)").click(function(){
     $("img").fadeIn(1000);
  });
   $("input:eq(2)").click(function(){
     $("img").hide(3000);
   });
   $("input:eq(3)").click(function(){
     $("img").show(1000);
  });
动画就这么简单

转载于:https://www.cnblogs.com/net_nb2/archive/2008/08/22/1273911.html