博客列表 >JQuery的滑动

JQuery的滑动

的博客
的博客原创
2019年01月21日 19:44:20744浏览

jQuery的滑动是通过高度的变化(向某个方向增大或者缩小)来动态的显示所匹配的元素


slideDown([speed] [fn])通过高度的变化,向下增大的动态效果 下滑效果

speed:下滑显示过程的速度 英文值或者毫秒

fn:动画完成时执行是函数


slideUp([speed] [fn]) 通过高度的变化,向上减小的动态效果 上滑效果

speed:上滑显示过程的速度 英文值或者毫秒

fn:动画完成时执行是函数


slideToggle([speed] [fn])通过高度的变化来切换元素的可见性

speed:上滑隐藏/下滑显示 过程的速度 英文值或者毫秒

fn:动画完成时执行是函数

$(document).ready(function(){

    $('.p1').hide()

    $('.but1').click(function(){

        $('.p1').slideDown(100)//slow fast

    })

    $('.but2').click(function(){

        $('.p2').slideUp()

    })

    $('.but3').click(function(){

        $('.p3').slideToggle(1000)

    })

})


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议