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>


js实现图片淡入淡出

效果:鼠标移入时,图片由半透明逐渐变成清晰,移出时,由清晰变为半透明分析:用变量来储存透明度,因为元素.style.alpha不能直接增加或减少代码中另附有一个设置元素透明度的方法, 是按IE规则(0...
  • sweetllh
  • sweetllh
  • 2017年04月25日 19:11
  • 296

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

1.HTML 框架搭建(css代码里宽高的大小与图片的大小一致) ...
  • u013993319
  • u013993319
  • 2016年07月13日 15:23
  • 6930

jquery实现淡入淡出

#image{ width: 100%; height: 100%; position: absolute; z-index: 10; } body{ margi...
  • LQW_java_home
  • LQW_java_home
  • 2017年07月06日 13:46
  • 293

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

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

使用jquery实现图片淡入淡出

html部分: css部分: #logo1{ ...
  • tarajk05
  • tarajk05
  • 2014年12月25日 17:14
  • 212

分享一个自己利用javascript中的window.setInterval()定时器实现页面背景图片变换的特效(同时淡入淡出效果)

和上一个发的文章一样,同样是利用setInterval()定时器,可以实现图片淡入淡出,图片变换等等特效。 其实可以看出,图片并不是背景图片,只是利用了DIV中position: absolute;...
  • sdd379733766
  • sdd379733766
  • 2012年08月17日 21:55
  • 1501

iOS项目开发实战——使用CALayer实现图片的淡入淡出效果

在移动应用开发中,如果两张图片之间直接进行切换,会显得突兀,用户体验不佳。如果中间能有淡入淡出效果,就会很不错。我们就用CALayer来实现一下: (1)拖入2张图片,然后代码实现如下: #impor...
  • CHENYUFENG1991
  • CHENYUFENG1991
  • 2015年09月20日 20:48
  • 2412

图片自动切换并淡入淡出特效

图片淡入淡出特效 img{ filter:BlendTrans(duration=3);} function img1(x){ //获取数组记录数 this.length=x; }...
  • se7en1305687887
  • se7en1305687887
  • 2013年11月12日 23:51
  • 1515

安卓图片淡入淡出切换效果(支持循环)

日前做项目重构,想在酒店介绍图片展示里增加些动画,觉得淡入淡出的效果不错,上网问度娘,找到一篇博客写的是我需要的答案  ,但是他是重写一个Relativelayout,有几张图片就新建几个Imagev...
  • qq_34379916
  • qq_34379916
  • 2018年01月18日 10:49
  • 44

Unity 实现背景图片淡入淡出

如题。 背景是两个图片, 每隔一段时间  图片1 淡出,2 淡入, 然后2淡出,1 淡入 很简单   首先Unity建立两个 image1, image2.  image1 在上面显示 然...
  • liuyanlei1990
  • liuyanlei1990
  • 2017年06月03日 17:28
  • 957
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery实现图片的淡入淡出
举报原因:
原因补充:

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