<head>
<title></title>
<style type="text/css">
#img1
{
width:400px; height:500px;
}
</style>
<script src="jquery-1.9.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#Button1').bind('click', function () {
$('img').fadeOut(2000, function () {
$('#Button1').val('哎，没了'); //图片的消失
});
})
$('#Button2').bind('click', function () {
$('img').fadeIn(2000, function () {
$('#Button2').val('有了'); //图片的呈现
});
})
$('#Button3').bind('click', function () {
$('img').fadeTo(2000, 0.3, function () {
alert('动画执行完毕'); //图片透明度
});
})
$('#Select1').bind('change', function () { //可以是change或者是click事件
$('img').fadeTo(1000, $('#Select1 option:selected').val());
})
})
</script>
</head>
<body>
@@##@@
<input id="Button1" type="button" value="button" />
<input id="Button2" type="button" value="button" />
<input id="Button3" type="button" value="button" />
<select id="Select1">
<option>1</option>
<option>0.1</option>
<option>0.2</option>
<option>0.3</option>
<option>0.4</option>
<option>0.5</option>
<option>0.6</option>
<option>0.7</option>
<option>0.8</option>
<option>0.9</option>
<option>0</option>
</select>
</body>
0
0
jQuery中fadeIn、fadeOut、fadeTo的用法汇总
巴扎黑
发布时间：2017-06-30 10:10:51
|2101人浏览过
|来源于php中文网
原创
相关文章
相关标签:
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
相关专题
苹果官网入口与在线访问指南_中国站点快速直达与iPhone查看方法
本专题汇总苹果官网最新可用入口及中国站点访问方式，涵盖官网直达链接、iPhone官方页面查看方法与常见访问说明，帮助用户快速进入苹果官方网站，便捷了解产品信息与官方服务。
2
2026.02.24
Asianfanfics官网入口与访问指南_AFF官方平台最新登录地址
本专题系统整理Asianfanfics（AFF）官方网站最新可用入口，涵盖官方平台最新直达地址、官网登录方式及中文访问指引，帮助用户快速、安全地进入AFF平台浏览与使用相关内容。
0
2026.02.24
Go分布式服务治理与链路追踪实践
本专题围绕 Go 语言在分布式系统中的服务治理实践展开，系统讲解服务注册与发现、配置中心、限流熔断、灰度发布以及分布式链路追踪方案。通过完整项目示例，帮助开发者构建可观测性完善、稳定性高、易扩展的 Go 微服务架构体系，提升线上系统问题定位与运维效率。
0
2026.02.24
Python自动化测试与持续集成实战
本专题聚焦 Python 在自动化测试与持续集成中的工程化实践，系统讲解测试框架选型、测试用例设计、接口自动化、测试数据管理及测试报告生成。结合 CI/CD 流水线场景，讲解如何将自动化测试融入持续集成流程，实现代码提交即自动测试，提升项目交付质量与团队协作效率。
0
2026.02.24
Java高并发系统设计与性能调优
本专题围绕 Java 在高并发业务场景下的系统设计与性能调优展开，系统讲解线程模型、并发容器、锁机制、异步编程及 JVM 性能调优思路。结合真实高并发业务场景，深入分析接口限流、线程池配置、热点资源优化与系统稳定性保障方案，帮助开发者构建高性能、高可用的 Java 后端系统。
3
2026.02.24
pixiv网页版官网登录与阅读指南_pixiv官网直达入口与在线访问方法
本专题系统整理pixiv网页版官网入口及登录访问方式，涵盖官网登录页面直达路径、在线阅读入口及快速进入方法说明，帮助用户高效找到pixiv官方网站，实现便捷、安全的网页端浏览与账号登录体验。
1250
2026.02.13
微博网页版主页入口与登录指南_官方网页端快速访问方法
本专题系统整理微博网页版官方入口及网页端登录方式，涵盖首页直达地址、账号登录流程与常见访问问题说明，帮助用户快速找到微博官网主页，实现便捷、安全的网页端登录与内容浏览体验。
402
2026.02.13
Flutter跨平台开发与状态管理实战
本专题围绕Flutter框架展开，系统讲解跨平台UI构建原理与状态管理方案。内容涵盖Widget生命周期、路由管理、Provider与Bloc状态管理模式、网络请求封装及性能优化技巧。通过实战项目演示，帮助开发者构建流畅、可维护的跨平台移动应用。
252
2026.02.13
TypeScript工程化开发与Vite构建优化实践
本专题面向前端开发者，深入讲解 TypeScript 类型系统与大型项目结构设计方法，并结合 Vite 构建工具优化前端工程化流程。内容包括模块化设计、类型声明管理、代码分割、热更新原理以及构建性能调优。通过完整项目示例，帮助开发者提升代码可维护性与开发效率。
39
2026.02.13
热门下载
网站特效
/
网站源码
/
网站素材
/
前端模板
相关下载
精品课程
相关推荐
/
热门推荐
/
最新课程
最新文章
