fadeIn跟fadeOut实现动态
来源:互联网 发布:修改 linux sftp端口 编辑:程序博客网 时间:2024/06/13 11:26
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
*
{
margin: 0px;
padding: 0px;
}
#btn
{
width: 500px;
height:500px;
margin: 100px 0px 0px 100px;
}
.p
{
border: 5px greenyellow solid;
margin: 0px 0px 0px 100px;
width: 500px;
display: none;
}
</style>
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">
//只改变透明度
$(function(){
$("#btn").toggle(function(){
$(".p").fadeIn(1000);
},function(){
$(".p").fadeOut(1000);
})
})
</script>
</head>
<body>
<input type="button" value="点我有惊喜" id="btn"/>
<p class="p">惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜
惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜
惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜</p>
</body>
</html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
*
{
margin: 0px;
padding: 0px;
}
#btn
{
width: 500px;
height:500px;
margin: 100px 0px 0px 100px;
}
.p
{
border: 5px greenyellow solid;
margin: 0px 0px 0px 100px;
width: 500px;
display: none;
}
</style>
<script type="text/javascript" src="jquery-1.7.2.js"></script>
<script type="text/javascript">
//只改变透明度
$(function(){
$("#btn").toggle(function(){
$(".p").fadeIn(1000);
},function(){
$(".p").fadeOut(1000);
})
})
</script>
</head>
<body>
<input type="button" value="点我有惊喜" id="btn"/>
<p class="p">惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜
惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜
惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜惊喜</p>
</body>
</html>
0 0
- fadeIn跟fadeOut实现动态
- fadeOut、fadeIn
- Javascript—实现fadeIn fadeout slide
- 原生js实现fadein 和 fadeout
- JQuery fadein fadeout方法
- FadeIn and FadeOut
- fadeOut()和fadeIn()
- jQuery fadeIn() 、fadeOut()
- 【JQuery】fadeIn()和fadeOut()
- cocos2dx Fadein FadeOut 无效
- 原生JS实现淡入淡出效果(fadeIn/fadeOut/fadeTo)
- 原生JS实现淡入淡出效果(fadeIn/fadeOut/fadeTo)
- 原生JS实现淡入淡出效果(fadeIn/fadeOut/fadeTo)
- 【jQuery】使用fadeIn()与fadeOut()方法实现淡入淡出效果
- 原生js实现fadein 和 fadeout淡入淡出效果
- cocos2dx之FadeIn,FadeOut,FadeTo
- load页面结合fadeout,fadein
- fadein和fadeout 轮播
- 【leetCode】Regular Expression Matching
- Android自定义SlidingMenu
- [BZOJ1102][POI2007]山峰和山谷Grz(bfs:floodfill)
- mac下的Ipython Notebook-如何修改默认路径
- sping-mvc ajax访问 session超时 添加拦截
- fadeIn跟fadeOut实现动态
- PAT--1110. Complete Binary Tree
- 使用纯C语言通过Direct3D 11的Compute Shader做通用目的计算
- fadeTo使逐渐透明
- 最简单解决c#在UI线程中执行耗时方法导致界面假死的方法
- android java内存与native内存
- Yii框架下的增删改查
- Android Service Framework
- slideup跟slideDown改变高度实现动态