JQuery 显示隐藏动画( show(),hide(),toggle() )

最新推荐文章于 2024-08-30 10:25:23 发布

houyanhua1

最新推荐文章于 2024-08-30 10:25:23 发布

阅读量8.2k

点赞数 1

分类专栏： JQuery 文章标签： jquery

本文链接：https://blog.csdn.net/houyanhua1/article/details/78842314

版权

这篇博客详细介绍了如何使用JQuery的show(), hide()和toggle()方法来实现元素的显示、隐藏及切换动画效果，通过1000毫秒的时间延迟，平滑地控制DOM元素的可见状态变化。" 104795088,5579123,C# 后台与前台线程详解,"['C#编程', '多线程', '后台执行', '程序控制']

摘要由CSDN通过智能技术生成

$('#div1').show(1000); //显示。1000毫秒，表示动画显示过程时间。
$('#div1').hide(1000); //隐藏
$('#div1').toggle(1000); //合成显示隐藏

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>显示隐藏动画</title>
	<style>
	#div1 {
		width:100px; height:100px;
		background-color:black;
	}
	</style>
    <script src="scripts/jquery-1.7.1.min.js"></script>
    <script>
        $(function() {
			//显示按钮
            $('#btnShow').click(function(){
				//$('#div1').show();
				$('#div1').show(1000);  //1000毫秒，表示动画显示过程时间。
			});

			/