jquery实现图片的淡入淡出

原创 2012年03月27日 10:42:56
很好的jquery实例效果
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>图片的淡入淡出</title>
<script type="text/javascript" language="javascript" src="../../jquery-1.7.1.min.js">
</script>
<script language="javascript">
$(document).ready(function(){
	$("#btn1").toggle(function(){
			$("img").slideUp("slow");
			},function(){
				$("img").slideDown("slow");
		});	
	});
</script>
</head>

<body>
<img src="../../../images/001.jpg"><br>
<input type="button" value="图片显示/隐藏" id="btn1">
</body>
</html>


相关文章推荐

JQuery:多张图片的淡入淡出效果。

我们要实现一个这样子的一个动画:多张图片在相同的位置淡入淡出,实现图片的轮流展示。具体实现的思路: 使用定时器setInterval方法,setInterval(,时间延时)。  根据时间延时循环地...

jquery 实现淡入淡出图片轮播效果

1.HTML 框架搭建(css代码里宽高的大小与图片的大小一致) ...

jquery实现图片的淡入淡出效果

  • 2013年12月06日 00:11
  • 945KB
  • 下载

jQuery实现图片轮播(淡入淡出效果)

实现思路:用一个容器把图片都放进去,容器的overflow为hidden,设一个定时器,每间隔一段时间就将其中一张图片的display设为block,其他的都为none。...
  • Linustw
  • Linustw
  • 2017年07月29日 10:40
  • 322

jQuery实现淡入淡出效果

  • 2016年12月15日 14:47
  • 3KB
  • 下载

jQuery实现窗口的淡入淡出效果

在很多网页中都可以看到网页弹出的一个窗口,然后很多情况下面还会有淡入淡出的效果,下面我们就这个窗口的 淡入淡出效果来做一个例子,这个是使用jQuery来做的,其实非常简单。 首先看HTML代码 ...

jQuery实现淡入淡出的可展开级联菜单

在很多网站的导航菜单的地方,大多数采用可展开的级联菜单。点击主菜单就会展开下面的子菜单,而且在另外一 个地方能够加载远程的网页而且无闪屏不用刷新界面,下面我们来演示一个淡入淡出的带有动态效果的级联菜...

jQuery图片自动淡入淡出插件

  • 2011年12月22日 13:27
  • 124KB
  • 下载

jquery中实现显示、隐藏、淡入淡出

无标题文档 //使用jquery加载事件 $(document).ready(function (){ //使用toggle方法实现显示和隐藏 $("#btn1").toggle(fu...

Jquery和纯JS实现轮播图(二)--淡入淡出切换式

Jquery和纯JS实现轮播图(二)--淡入淡出切换式
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery实现图片的淡入淡出
举报原因:
原因补充:

(最多只允许输入30个字)