JQ--fadeOut()--使用

最新推荐文章于 2025-08-24 11:50:19 发布

weixin_33874713

最新推荐文章于 2025-08-24 11:50:19 发布

阅读量82

点赞数

CC 4.0 BY-SA版权

文章标签： python javascript ViewUI

原文链接：https://my.oschina.net/liusonghuang/blog/804235

本文通过一个具体的示例展示了如何使用jQuery实现不同参数的fadeout()方法来为网页元素添加淡出效果。该示例中，三个不同颜色的矩形在按钮被点击后会以不同的速度淡出。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			$("button").click(function() {
				$("#div1").fadeOut();
				$("#div2").fadeOut("slow");
				$("#div3").fadeOut(3000);
			});
		});
	</script>
</head>
<body>
	<p>演示带有不同参数的fadeout()方法</p>
	<button>点击这里，使三个矩形淡出</button>
	<div id="div1" style="width: 100px; height: 100px; color: red;background-color: red; margin-top: 10px;"></div><div id="div2" style="width: 100px; height: 100px; color: #ffffff;background-color: #666666;margin-top: 10px;"></div><div id="div3" style="width: 100px; height: 100px; color: red;background-color: #555555;margin-top: 10px;"></div>
	
</body>
</html>

转载于:https://my.oschina.net/liusonghuang/blog/804235