java面试题网

普通会员

183

帖子

7

回复

89

积分

楼主
发表于 2019-08-26 15:24:39 | 查看: 5055| 回复: 0

jQuery效果之滑动退出滑动显示 slideUp、slideDown

jQuery效果之滑动退出滑动显示 slideUp、slideDown

向上滑动退出函数:slideUp(3000),使用 3 秒完成向上滑动退出

向下滑动显示函数:slideDown(3000),使用 3 秒完成向下滑动显示

jQuery效果之滑动退出滑动显示 slideUp、slideDown_www.wityx.com

自定义动画animate

自定义动画,需要使用 animate()函数,参数不同,其动画效果不同。但,动画要应用的元素,必须是可见的,即 CSS 中不能是 display 赋值为 none

(1)移动到指定位置

animate( {key:value} )的参数为 CSS 中的属性键值对。

jQuery效果之滑动退出滑动显示 slideUp、slideDown_www.wityx.com

(2)在指定时间内移动到指定位置

animate({key:value},time)的第二个参数用于指定动画执行的时间长度,单位毫秒。

jQuery效果之滑动退出滑动显示 slideUp、slideDown_www.wityx.com

(3)移动到指定位置后隐藏”opacity”:”hide”

animate({key:value},time)的 CSS 键值对中,可以再增加一个用于设置不透明度的属性 opacity,将其值设置为 hide,即可实现隐藏功能,设置为 show,即可实现显示功能。

jQuery效果之滑动退出滑动显示 slideUp、slideDown_www.wityx.com


文章来自www.wityx.com,转载请注明出处!原文地址http://www.wityx.com/post/1140_1_1.html

jQuery效果之滑动退出滑动显示 slideUp、slideDown 相关帖子

您需要登录后才可以回帖 登录 | 立即注册

java面试题网www.wuliaokankan.cnjava建站系统提供技术支持V2.1 网站地图 © 2016-2018