jQuery 效果 - 滑动



 





jQuery 滑动方法可使元素上下滑动。



点击这里,隐藏/显示面板





 



实例



jQuery slideDown()



演示 jQuery slideDown() 方法。



jQuery slideUp()



演示 jQuery slideUp() 方法。



jQuery slideToggle()



演示 jQuery slideToggle() 方法。





 



jQuery 滑动方法



通过 jQuery,您可以在元素上创建滑动效果。



jQuery 拥有以下滑动方法:





  • slideDown()





  • slideUp()





  • slideToggle()







jQuery slideDown() 方法



jQuery slideDown() 方法用于向下滑动元素。



语法:



$(selector).slideDown(speed,callback);



可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。



可选的 callback 参数是滑动完成后所执行的函数名称。



下面的例子演示了 slideDown() 方法:



实例



$("#flip").click(function(){ $("#panel").slideDown();});



尝试一下 »





jQuery slideUp() 方法



jQuery slideUp() 方法用于向上滑动元素。



语法:



$(selector).slideUp(speed,callback);



可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。



可选的 callback 参数是滑动完成后所执行的函数名称。



下面的例子演示了 slideUp() 方法:



实例



$("#flip").click(function(){ $("#panel").slideUp();});



 





jQuery slideToggle() 方法



jQuery slideToggle() 方法可以在 slideDown() 与 slideUp() 方法之间进行切换。



如果元素向下滑动,则 slideToggle() 可向上滑动它们。



如果元素向上滑动,则 slideToggle() 可向下滑动它们。



$(selector).slideToggle(speed,callback);



可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。



可选的 callback 参数是滑动完成后所执行的函数名称。



下面的例子演示了 slideToggle() 方法:



实例



$("#flip").click(function(){ $("#panel").slideToggle();});





 


点赞(0) 打赏

评论列表 共有 0 条评论

暂无评论

热门产品

历史上的今天:03月29日

热门专题

安徽中源管业有限公司|安徽中源管业有限公司,安徽中源管业有限公司介绍,安徽中源管业有限公司电话,安徽中源管业有限公司地址,安徽中源管业有限公司厂家,安徽中源管业有限公司电力管,安徽中源管业有限公司管材
安徽中源管业有限公司
小程序开发|微信小程序,小程序开发,小程序,小程序制作,微信小程序开发,小程序公司,小程序开发公司,分销,三级分销系统,分销系统
小程序开发
外贸网站建设|外贸网站建设,英文网站制作,英文网站设计,美国主机空间,外贸建站平台,多语言网站制作
外贸网站建设
弥勒综合高中|弥勒综合高中
弥勒综合高中
大理科技管理学校|大理科技管理学校,大理科技,大理科技中等职业技术学校,大理科技管理中等职业技术学校,大理科技学校
大理科技管理学校
云南综合高中|云南综合高中
云南综合高中
自考本科|自考本科有用吗,自考文凭,自考本科文凭,自考文凭有用吗,自考本科文凭有用吗,自考文凭承认吗
自考本科
综合高中|云南综合高中,昆明综合高中,综合高中能考本一吗,综合高中和普通高中的区别,综合高中是什么意思,综合高中能参加全国统一高考吗,综合高中可以考哪些大学,综合高中的学籍是什么
综合高中

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部