JQuery 向下展开收起动画( slideDown(),slideUp() )

最新推荐文章于 2022-02-17 19:43:29 发布

houyanhua1

最新推荐文章于 2022-02-17 19:43:29 发布

阅读量1.2w

点赞数

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

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

版权

$('#div1').slideDown(1000); //向下展开，下拉。1000毫秒，表示动画展开过程时间。$('#div1').slideUp(1000); //向上收起$('#div1').slideToggle(1000); //合成展开收起下拉收起动画 #div1 { width:100px; height:100px; back

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

$('#div1').slideDown(1000); //向下展开，下拉。1000毫秒，表示动画展开过程时间。
$('#div1').slideUp(1000); //向上收起
$('#div1').slideToggle(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() {
			//下拉按钮
            $('#btnSlideDown').click(function(){
				//$('#div1').slideDown();
				$('#div1').slideDown(1000);

最低0.47元/天解锁文章

houyanhua1

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
2
评论
JQuery 向下展开收起动画( slideDown(),slideUp() )

$('#div1').slideDown(1000); //向下展开，下拉。1000毫秒，表示动画展开过程时间。$('#div1').slideUp(1000); //向上收起$('#div1').slideToggle(1000); //合成展开收起下拉收起动画 #div1 { width:100px; height:100px; back
复制链接

扫一扫

专栏目录