博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery之滑动
阅读量:4070 次
发布时间:2019-05-25

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

jQuery 滑动方法

通过 jQuery,您可以在元素上创建滑动效果。
jQuery 拥有以下滑动方法:

  • slideDown()
  • slideUp()
  • slideToggle()

jQuery slideDown() 方法

jQuery slideDown() 方法用于向下滑动元素。
语法:$(selector).slideDown(speed,callback);

参数 是否可选 作用 取值
speed 规定效果的时长 “slow”、”fast” 或毫秒
callback 制定滑动完成后所执行的函数 滑动完成后所执行的函数名称

举个栗子

jQuery slideDown() 方法

jQuery slideDown() 方法

jQuery slideDown() 方法

jQuery slideDown() 方法

请点击这里

jQuery slideUp() 方法
jQuery slideUp() 方法用于向上滑动元素。
语法:$(selector).slideUp(speed,callback);

参数 是否可选 作用 取值
speed 规定效果的时长 “slow”、”fast” 或毫秒
callback 制定滑动完成后所执行的函数 滑动完成后所执行的函数名称

举个栗子

jQuery slideUp() 方法

jQuery slideUp() 方法

jQuery slideUp() 方法

jQuery slideUp() 方法

请点击这里

jQuery slideToggle() 方法
jQuery slideToggle() 方法可以在 slideDown() 与 slideUp() 方法之间进行切换。
如果元素向下滑动,则 slideToggle() 可向上滑动它们。
如果元素向上滑动,则 slideToggle() 可向下滑动它们。
语法:$(selector).slideToggle(speed,callback);

参数 是否可选 作用 取值
speed 规定效果的时长 “slow”、”fast” 或毫秒
callback 制定滑动完成后所执行的函数 滑动完成后所执行的函数名称

举个栗子

jQuery slideToggle() 方法

jQuery slideToggle() 方法

jQuery slideToggle() 方法

jQuery slideToggle() 方法

请点击这里

转载地址:http://aalji.baihongyu.com/

你可能感兴趣的文章
Java-IO-File类
查看>>
Java-IO-java的IO流
查看>>
Java-IO-输入/输出流体系
查看>>
Java实现DES加密解密
查看>>
HTML基础
查看>>
Java IO
查看>>
Java NIO
查看>>
Java大数据:Hbase分布式存储入门
查看>>
Java大数据:全文搜索引擎Elasticsearch入门
查看>>
大数据学习:Hadoop入门学习书单
查看>>
大数据学习:Spark SQL入门简介
查看>>
大数据学习:Spark RDD操作入门
查看>>
大数据框架:Spark 生态实时流计算
查看>>
大数据入门:Hive和Hbase区别对比
查看>>
大数据入门:ZooKeeper工作原理
查看>>
大数据入门:Zookeeper结构体系
查看>>
大数据入门:Spark RDD基础概念
查看>>
大数据入门:SparkCore开发调优原则
查看>>
大数据入门:Java和Scala编程对比
查看>>
大数据入门:Scala函数式编程
查看>>