trigger触发图片控制

原创 2012年03月27日 20:30:36

<!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>

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

trigger触发图片控制事件--动画效果 $(document).ready(function (){ // 利用toggle方法控制元素的显示和隐藏 // $("#btn1")....

salesforce trigger发Email为PDF(文字+图片)

前篇文章介绍使用salesforce的trigger发email,但是我们发现他有很多的限制,比如说,getContent()和getContent...
  • y970105
  • y970105
  • 2014年09月28日 21:10
  • 1088

SQL trigger 当表格insert,delete 时触发记录历史数据

--建立測試表格 CREATETABLE [dbo].[WIPPrd](     [ProdNo] [varchar](16)NOTNULL,     [PnameD] [nvar...

oracle trigger(触发器)字段触发

说到oracle的触发器,一直以来都以为只能以表触发,今天有需求某个字段的值改变后触发一系列动作,原来想这个表改变再触发,后来想了一下,触发器本来很耗性能,如果这个表的每个字段更改都触发,这样做就造成...
  • diyyong
  • diyyong
  • 2014年01月21日 15:28
  • 9593

Unity 3D 的 Collision碰撞 与 Trigger 触发的 区别

1) 想要讓程式判斷兩個物件有接觸,則雙方都必需要有Collider(碰撞器),  並且“正在動的一方”一定要有Rigidbody(剛體)才有效,另一方有沒有剛體無所謂。  ※也就是說,如果動的一...

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

  当您保存与插入,更新,或更新插入语句的记录,Salesforce的可以依次执行以下事件。       注:Salesforce在服务器上执行这些事件之前,浏览器运行JavaS...

event触发的竞争条件(Event trigger race conditions)

event触发的竞争条件 问题:在进程等待event触发的同一时间步长内,若该event触发,则不一定能等到该event verilog通过event数据类型提供一种基本的进程同步...
  • seabeam
  • seabeam
  • 2014年11月13日 14:07
  • 1141

【jQuery】调用trigger()方法手动触发指定的事件

trigger()方法可以直接手动触发元素指定的事件,这些事件可以是元素自带事件,也可以是自定义的事件,总之,该事件必须能执行,它的调用格式为: $(selector).trigger(even...

【zabbix教程六】——自定义item和trigger当内存不足10%时触发报警

引言   本文结合配置内存不足10%触发报警的需求,顺便给大家介绍我们怎样自定义item和trigger,在前几篇博客中使用了zabbix给我们提供的模板,里面都已经配置好了item和trigger。...

Base sensors and trigger modes基础传感器及其触发模式

Composite sensor type summary The following table lists the composite sensor types and their ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:trigger触发图片控制
举报原因:
原因补充:

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