博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JQuery动画之滑入滑出动画
阅读量:6923 次
发布时间:2019-06-27

本文共 852 字,大约阅读时间需要 2 分钟。

1. 滑入动画(类似于商店的卷帘门)

$(selector).slideDown(speed, 回调函数);

解释: 此语句实现的功能为, 在XX时间内, 下拉动画, 显现元素。

   当 slideDown() 中省略参数, 或者传入不合法的值是, 那么系统会使用默认值:400ms。

   回调函数可以省略不写。

示例代码如下:

    
jQuery之滑入动画

 

2. 滑出动画效果

$(selector).slideUp(speed, 回调函数);

解释: 此语句实现的功能为, 在XX时间内, 上拉动画, 显现元素。

   当 slideUp() 中省略参数, 或者传入不合法的值是, 那么系统会使用默认值:400ms。

   回调函数可以省略不写。

示例代码如下:

    
jQuery之滑出动画

 

3. 便捷滑入滑出动画效果

$(selector).slideToggle(speed, 回调函数);

使用此方法, 可以进行滑入滑出效果的切换, 此方法有两种情形:

(1)当元素的设置为:display = block; 也就是元素已经显示时, 使用 slideToggle()将会变成上拉隐藏。

(2)当元素的设置为:display = none; 也就是元素已经隐藏时, 使用 slideToggle()将会变成下拉显示。

回调函数可以省略不写。

示例代码如下:(元素属性 display = block;)

    
jQuery之滑入滑出动画

 

4. jQuery滑入滑出动画实例:

    
按钮控制元素滑入滑出

 

转载于:https://www.cnblogs.com/yang-wei/p/9498681.html

你可能感兴趣的文章
敲山震虎?继MongoDB之后,AWS又对Elasticsearch下手了
查看>>
Python数据科学平台Anaconda的最新发布中增加了Microsoft VS Code
查看>>
设计模式(1)
查看>>
法大大完成3.98亿元C轮融资,虎环球基金和腾讯联合领投
查看>>
DIV+CSS中的滤镜和模糊
查看>>
“全栈工程师”是怎样练成的?廖雪峰大牛的经验分享
查看>>
Linux实用工具–crontab和 at 定时任务
查看>>
批量建账号脚本
查看>>
Android 根据Uri删除文件
查看>>
linux 如何清理僵尸进程
查看>>
ISA2006实战系列之一:实战ISA三种客户端部署方案(上)
查看>>
Spring(23)——SPEL表达式(三)
查看>>
SWIFT中的repeat...while
查看>>
Office 2013简单体验
查看>>
47.4. SSI
查看>>
阿里云(二)《2017云栖大会》基于阿里云搭建自己的视频直播系统
查看>>
数字证书及CA的扫盲介绍(转)
查看>>
追查连接mysql的客户端
查看>>
Iwpriv工作流程及常用命令使用
查看>>
《FLUENT 14.0超级学习手册》——第1章 流体力学与计算流体力学基础1.1 流体力学基础...
查看>>