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>


相关文章推荐

ASP.NET中实现动态曲线图的视频教程

点击下面的入口可以在线观看视频  最近在项目中有个需求,把从数据库中读到的数据输出折线图并且是随着时间的推移动态的显示不同位置的数据这就要用到了动态折线图。刚开始项目中大部分的折线图都是用的MS...

使用Silverlight Toolkit 应用以及动态切换主题

本文教你如何让Silverlight 应用程序应用主题,并允许用户动态切换主题。 简介      从Silverlight工具包支持主题开始,就能实现该应用。但工具包2010年4月的版本和Silve...

jQuery实现淡入淡出效果

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

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

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

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

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

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

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

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

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

jQuery实现可输入搜索文字的下拉框

jQuery实现点击下拉框输入框时,自动显示下面的下拉列表,而且是根据输入框中输入的搜索添加,自动在后台查找,然后传到前台,展现页面先看效果     功能:点击下拉框输入框时,自动显示下面的下拉列...

向上滚动的文字跑马灯,基于JQUERY,淡入淡出

jquery跑马灯 111111111 222222222 333333333 444444444 555555555 666666666 www.baidu.com ...

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

无标题文档 //使用jquery加载事件 $(document).ready(function (){ //使用toggle方法实现显示和隐藏 $("#btn1").toggle(fu...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery实现文字的淡入淡出
举报原因:
原因补充:

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