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

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

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

oracle trigger(触发器)字段触发

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

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

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

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

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

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

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

【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 ...

碰撞体(Collider)以及触发器(Is Trigger)----碰撞的条件,触发碰撞器和触发器的条件

一:产生碰撞的条件 1:若要产生碰撞,必须双方都要有碰撞器。 2:运动的一方一定要有刚体,另一方有无刚体无所谓。 注:如果运动的一方无刚体,它去碰撞静止的刚体,相当于没有装上。 二:接...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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