trigger触发图片控制事件--动画效果

原创 2012年03月27日 19:16:56
<!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>trigger触发图片控制事件--动画效果 </title>
</head>
<script src="../jquery/jquery-1.7.1.js"></script>
<script>
$(document).ready(function (){
	
	// 利用toggle方法控制元素的显示和隐藏
	//<input type="button"  id="btn1" value="显示/隐藏 效果" />
	$("#btn1").toggle(function(){
		
			//先隐藏掉
            $("p").hide("slow");
			$("img").hide("slow");
		},function(){
			
			//在显示出来
			$("p").show("slow");
			$("img").show("fast");
			
	 });
	 
	 //<input type="button"  id="btn2" value="淡入/淡出 效果" />
	 $("#btn2").toggle(function(){
		
			//先隐藏掉
            $("p").fadeIn("slow");
			$("img").fadeIn("slow");
		},function(){
			
			//在显示出来
			$("p").fadeOut(1000);
			$("img").fadeOut("fast");
	 });
	 
	 //<input type="button"  id="btn2" value="淡入/淡出 效果 透明度0.66" />

 $("#btn3").toggle(function(){
		
			//先隐藏掉
            $("p").fadeTo("slow",0.66);
			$("img").fadeTo("slow",0.88);
		},function(){
			
			//在显示出来
			$("p").fadeTo("slow",0.22);
			$("img").fadeTo("fast",0.11);
	 });
	 
	 
	 
 });
</script>
<body>
<p style="background-color:#0C3">这里有一个p
这里有一个p<br />
这里有一个
这里有一个p<br />
这里有一个p<br />
这里有一个p<br />p
这里有一个这里有一个p<br />p
<这里有一个p</p>
<img src="../1.gif" />
<input type="button"  id="btn1" value="显示/隐藏 效果" />
<input type="button"  id="btn2" value="淡入/淡出 效果" />
<input type="button"  id="btn3" value="淡入/淡出 效果 透明度0.66" />







</body>
</html>

iOS UIImageView图片添加点击事件

其实很简单,用的就是UITapGestureRecognizer,但是UIImageView的userInteractionEnabled属性默认是NO,对,你没看错,NO!!! 所以要把这个参...
  • icefishlily
  • icefishlily
  • 2017年03月06日 10:40
  • 1951

点击图片触发input是file的事件

  • 2017年07月21日 10:48
  • 16KB
  • 下载

trigger触发图片控制

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> trigg...
  • madanling
  • madanling
  • 2012年03月27日 20:30
  • 443

EventTrigger触发3D物体事件和UGUI事件

UGUI中普通的事件触发方法之前已经了,现在讲一下另一种触发事件的方法,这种方法不仅可以让2D的UGUI触发还可以让一个3D物体来触发某个方法。 首先写一个脚本用来写一个触发事件的log方法...
  • alayeshi
  • alayeshi
  • 2016年11月08日 15:20
  • 4703

web view的图片添加点击事件,和获取所有图片链接

//js方法遍历图片添加点击事件 返回图片个数     static  NSString * const jsGetImages =     @"function getImages(...
  • x1198928367
  • x1198928367
  • 2016年08月23日 22:24
  • 513

判断图片是否加载完成的三种方式

有时需要获取图片的尺寸,这需要在图片加载完成以后才可以。有三种方式实现,下面一一介绍。 一、load事件     "utf-8">     img - load event ...
  • zhuchunyan_aijia
  • zhuchunyan_aijia
  • 2016年07月24日 22:50
  • 19068

jQuery自动触发事件trigger使用

有时候,需要通过模拟用户操作,来达到点击的效果,例如用户进入页面后 就触发click事件,而无需主动点击。 比如以下代码: body> a href="#" onclick="javasc...
  • itmyhome
  • itmyhome
  • 2015年11月26日 22:34
  • 3295

国产salesforce--------trigger触发事件顺序

  当您保存与插入,更新,或更新插入语句的记录,Salesforce的可以依次执行以下事件。       注:Salesforce在服务器上执行这些事件之前,浏览器运行JavaS...
  • kong_kong_er
  • kong_kong_er
  • 2014年07月06日 20:23
  • 1832

js图片缓存即img的onload事件与complete属性之间关系

在很多情况下需要快速的显示图片到页面上。但是图片加载是需要一定时间的。 这样就需要对图片进行预加载工作。 关键是img的onload事件与complete属性。 onload是图片加载完成执行的...
  • guo8ke
  • guo8ke
  • 2017年05月03日 14:47
  • 2301

图片点击事件

图片点击事件 方法1: 界面:         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"         x...
  • youqingyike
  • youqingyike
  • 2015年07月27日 09:33
  • 1123
收藏助手
不良信息举报
您举报文章:trigger触发图片控制事件--动画效果
举报原因:
原因补充:

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