如何使用jquery中的slideDown方法实现元素显示

 时间:2024-10-26 17:29:15

在jquery中,可以调用slideDown方法实现元素显示,跟slideUp()傲艟茏慕方法相对。下面利用实例说明:

如何使用jquery中的slideDown方法实现元素显示

工具/原料

JavaScript

jQuery

HTML5

CSS3

HBuilder

截图工具

方法/步骤

1、创建一个web项目,并在pages文件夹下,新建页面文件

如何使用jquery中的slideDown方法实现元素显示

2、在body标签下,插入一个button按钮和p标签,并插入内容

如何使用jquery中的slideDown方法实现元素显示

3、在jquery初始化函数中,定义改变按钮的点击事件,并调用slideDown()方法

如何使用jquery中的slideDown方法实现元素显示

4、保存代码并运行页面文件,打开浏览器,点击按钮查看效果

如何使用jquery中的slideDown方法实现元素显示

5、再添加一个按钮,定义点击事件,调用slideUp()方法

如何使用jquery中的slideDown方法实现元素显示

6、保存代码并刷新浏览器,点击隐藏按钮,然后点击显示按钮,查看效果

如何使用jquery中的slideDown方法实现元素显示

鼠标箭头反应慢 在服务器群集节点创建DFS根目录 电脑任务栏上的图标如何重叠起来? windows server 2003 服务器怎么新建发布网站 在HTML中如何让内容单击可编辑
热门搜索
拉花图片 核潜艇图片 怎么把图片变大 4k美女超高清大图片 紧扣的星星动漫