jquery实现文字的淡入淡出

原创 2012年03月27日 10:41:35
<!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(){
			
			$("p").fadeOut("slow");
			},function(){
				$("p").fadeIn("slow");
				
		
		});
		$("#btn2").toggle(function(){
			
			$("p").fadeTo("slow",0.66);
			},function(){
				$("p").fadeTo("slow",0.66);	
		});	
	});

</script>
</head>

<body>
<p style="background:#3F3">this is pi<br>
this is pi<br>
this is pi<br>
this is pi<br>
this is pi<br>
this is pi<br>
</p>
<input type="button" value="淡入/淡出" id="btn1">
</body>
<input type="button" value="淡入/淡出 效果 透明度0.66" id="btn2">
</html>


jQuery -- 内容的淡入与淡出

本篇文章讲述了jQuery中文字或图形的淡入与淡出的动画效果,根据官方的API分为四个部分。 第一部分:show/hide/toggle会出现五个滑块,点击后,内容会逐渐消失在左上角,有位移浮动。 h...
  • RedGuy_anluo
  • RedGuy_anluo
  • 2016年05月10日 22:40
  • 1923

jquery实现文字的淡入淡出

无标题文档 $(document).ready(function(){ $("#btn1").toggle(function(){ $("p").fadeOut("slow");...
  • xi_weina
  • xi_weina
  • 2012年03月27日 10:41
  • 1978

Jquery淡入淡出

&lt;!DOCTYPE html&gt;&lt;html&gt;    &lt;head&gt;        &lt;meta charse...
  • alert_Java_Song
  • alert_Java_Song
  • 2018年02月10日 18:23
  • 6

jquery实现淡入淡出

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

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

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

一个文字淡入淡出的例子(Delphi7测试通过)

unit Unit1;{一个淡入淡出的例子。2008-05-14。}interfaceuses  Windows, Messages, SysUtils, Variants, Classes, Gra...
  • formiss
  • formiss
  • 2008年05月15日 15:13
  • 1460

jquery的淡入淡出效果---包括透明到某种程度

jQuery fadeIn() 演示 jQuery fadeIn() 方法。 jQuery fadeOut() 演示 jQuery fadeOut() 方法。 jQuery fadeToggle() ...
  • jintianhen1
  • jintianhen1
  • 2013年12月17日 15:16
  • 614

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

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

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

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

jQuery 效果 - 淡入淡出

程序员java小白学习 2017-02-05 17:43 通过 jQuery,您可以实现元素的淡入淡出效果。 点击展示 淡入/淡出 面板 实例 jQuery fadeIn() 演...
  • u011277123
  • u011277123
  • 2017年03月14日 10:17
  • 134
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery实现文字的淡入淡出
举报原因:
原因补充:

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