Jquery示例 三 --淡入淡出的动画函数
来源:互联网 发布:pdf在线阅读js 编辑:程序博客网 时间:2024/05/18 12:29
淡入淡出主要是提供透明度的
$("#ID").fadeIn(5000) //主要是渐渐淡入效果。也是说让一个隐藏的控件渐渐地显示出来,和show差不多
$("#ID").fadeOut(5000)//主要是渐渐淡出效果。也是说让一个显示的控件隐藏起来,和hide差不多,隐藏之后不占空间
$("#ID").fadeTo(1,0.4)//主要是控制透明度,1为100%,0.4为40%。
------------------------------------------以下是示例代码---------------
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<title>Jquery_Fade</title>
<script type="text/javascript">
$(function () {
$("#Button1").click(function (event) { $("#div1").fadeIn(5000); });//让div1层淡入显示,5000是淡入淡出的速度,单位为毫秒
$("#Button2").click(function (event) { $("#div2").fadeOut(5000); })//让div2层淡出隐藏
$("#Button3").click(function (event) { if ($("#div1").css("display") == "none") { $("#div1").fadeIn(5000); } else { $("#div1").fadeOut(5000); } });//判断状态淡入淡出操作
$("#Button4").fadeTo(1, 0.4);//设置按钮的透明度
})
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input id="Button3" type="button" value="fade按钮" /> <input id="Button1" type="button" value="fedaIn按钮" />
<div id="div1" style="border:solid 1px blue; width:400px; height:200px; display:none;"><br />测试fedaIn按钮</div>
<input id="Button2" type="button" value="fedaOut按钮" /> <input
id="Button4" type="button" value="fedaTo按钮" />
<div id="div2" style="border:solid 1px red; width:400px; height:200px"><br />测试fedaOut按钮</div>
</div>
</form>
</body>
</html>
===================如果有错误的地方,请多多指教===============
---------------------------ehtan 待续-----------------------------
- Jquery示例 三 --淡入淡出的动画函数
- jQuery的动画-淡入淡出
- jQuery动画-淡入和淡出
- JQuery移动 淡入淡出动画
- jquery的淡入淡出
- jQuery的淡入淡出
- JQuery的动画(显示、隐藏、淡出淡入、自定义动画)
- 关于jquery动画中的淡入淡出的理解
- 简单的淡入淡出动画
- jquery的淡入淡出效果
- jQuery的淡入淡出效果
- 【jQuery】淡入淡出的模态框
- jQuery 淡入淡出、滑动和动画
- JQuery 动画 滑动卷入 淡入淡出
- jquery淡入淡出轮播动画
- jQuery动画---显示、卷动、淡入淡出
- jQuery学习二-简单动画-淡入淡出
- 带有淡入淡出动画的ClearEditText
- 黑马程序员:银行业务调度系统学习
- 图形化MySQL数据库管理工具-SQLyog
- EXT.NET复杂布局(一)——工作台
- java多线程下载文件
- asp.net中获取当前url的方法
- Jquery示例 三 --淡入淡出的动画函数
- 7 Things Your Employees Will Never Tell You
- 怎样判断ios app 第一次启动
- 音视频学习资料网站
- 83、sql语句优化原则
- Linux 音频 API 指南
- 我恨海青
- java图片格式全部转换成JPG格式
- EXT.NET复杂布局(二)——报表