文档章节

小黑小波比.通过opacity实现淡化淡出

BobbyLou
 BobbyLou
发布于 2015/05/14 15:58
字数 243
阅读 6
收藏 0
ByTea: function(sender, arg) { //通过手机找回
            _("#First").css("transition", "0.25s");
            _("#First").css("opacity", "0")
            setTimeout(function() {
                _("#First").hide();
                _("#teacher").show();
                _("#teacher").css("opacity", "1");
            }, 250);
        },

按钮事件.一个div淡出,同时另一个div淡入

然后用hide()和show()真正的隐藏和显示.提供用户进行操作.

可以用w3school在线测试工具测试工具,复制如下代码.粘贴到测试工具上,然后提交代码看效果!

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#hide").click(function(){
  $("#p1").css("transition","1.25s");
  $("#p1").css("opacity","0");
  setTimeout(function(){
   $("#p1").hide();
   $("#p2").show();
   $("#p2").css("opacity","1");

},1250);
  });
  $("#show").click(function(){
  $("#p2").css("transition","1.25s");
  $("#p2").css("opacity","0");
   setTimeout(function(){
   $("#p2").hide();
   $("#p1").show();
   $("#p1").css("opacity","1");
},1250);
  });
});
</script>
</head>
<body>
<p id="p1" style="display:true">如果点击“隐藏”按钮,我就会消失。</p></br>
<p id="p2" style="display:none">如果点击“隐藏”按钮,我就会消失。</p>
<button id="hide" type="button">隐藏</button>
<button id="show" type="button">显示</button>
</body>
</html>



本文转载自:http://blog.csdn.net/u010489586/article/details/39503397

BobbyLou
粉丝 8
博文 149
码字总数 5825
作品 0
海淀
程序员
私信 提问
视窗管理程序--Compiz

Compiz 是第一个由 OpenGL 驱动的运行于 X Window System 上的合成视窗管理程式 。Compiz的合成能力使其可以在窗口管理过程中实现多种视觉效果,比如在矩形虚拟桌面上的窗口最小化。 Compiz...

匿名
2008/12/04
7.5K
0
关于jquery的淡入淡出问题

近期想要做前端淡入淡出,想到使用javascript实现的话比较麻烦,需要计算透明度来实现,于是查看jquery有没有方便的方法,结果发现了jQuery fadeIn()或者fadeOut()来实现,但是使用后发现它所...

水滴的历程
2018/01/03
0
0
jQuery |淡入淡出

通过 jQuery,您可以实现元素的淡入淡出效果。 jQuery 拥有下面四种 fade 方法: fadeIn() fadeOut() fadeToggle() fadeTo() 下面一一介绍 jQuery fadeIn() 方法淡入已隐藏的元素 jQuery fad...

人人都能学编程
2017/12/22
0
0
jquery的知识必记点---实现动画效果

1.动画的基础隐藏和显示 1)hide方法 $elem.hide() .hide("fast / slow") 2)show()方法 $('elem').hide(3000).show(3000) 3)隐藏切换toggle方法 如果元素是最初显示,它会被隐藏 如果隐藏的......

一只小YU儿
2017/04/20
0
0
Jquery工作常用实例——淡入淡出功能实现

首先说下几个事件的用法: 1:$(selector).fadeOut(speed,callback)):淡出被选元素; 2:$(selector).fadeIn(speed,callback): 淡入被选元素; 3:$(selector).fadeTo(speed,opacity(亮度)...

Adam-Lee
2011/07/12
475
0

没有更多内容

加载失败,请刷新页面

加载更多

聊聊rocketmq的adjustThreadPoolNumsThreshold

序 本文主要研究一下rocketmq的adjustThreadPoolNumsThreshold DefaultMQPushConsumer rocketmq-client-4.5.2-sources.jar!/org/apache/rocketmq/client/consumer/DefaultMQPushConsumer.ja......

go4it
16分钟前
8
0
关于早起

早起是非常好的事情,但是像如果前一天睡得晚,或者第二天早上是非常冷的时候,那就不是很美好了。 但是本身早起是一件非常棒的事情,我记得我每次早起 如果不觉得困的话,世界是那么安静,脑...

T型人才追梦者
43分钟前
7
0
Java输入输出

JDK中的InputStream/OutputStream构成了IO输入输出继承层次的基础。它们都是面向字节序列的,每次可以从序列中读入或者写出一个字节或者指定大小的字节数组。但是面向字节流的输入输出不便于...

ytuan996
今天
5
0
Xamarin图表开发基础教程(9)OxyPlot框架

Xamarin图表开发基础教程(9)OxyPlot框架 OxyPlot组件构成 OxyPlot组件主要由两个类构成,分别为PlotView和PlotModel。这两个类我们在上文中也使用到了。本节将讲解介绍这两个类。 1.图表视...

大学霸
今天
5
0
协议栈

一、关键技术点分析 不同服务在性能上适用不同协议进行传输,如对接异构第三方服务时,通常选择HTTP/Restful等公有协议;而对于内部不同模块之间的服务调用,一般选择性能较高的二进制私有协...

edwardGe
今天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部