jQuery原生的动画效果


Posted in Javascript onJuly 10, 2015

1.方法:

show:显示选中元素。
hide:隐藏选中元素。
toggle:显示或隐藏选中元素。
fadeIn:将选中元素的不透明度逐步提升到100%。
fadeOut:将选中元素的不透明度逐步降为0%。
slideDown:垂直向下滑动显示选中元素。
slideUp:垂直向上滑动隐藏当前元素。
slideToggle:垂直向上或向下滑动的形式折叠或展开选中元素。

2.语法:

 

$(selector).方法名([speed], [callback]);

-- speed:可选,表示速度。默认“normal”。

  可取值

毫秒 (比如 1500)
"slow"
"normal"
"fast"

 

-- callback:可选,回调函数。 

3.调用:

$(".toggle").toggle();


$(".toggle").toggle(250);


$(".toggle").toggle('fast');

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
js函数般调用正则
Apr 08 Javascript
在js中判断checkboxlist(.net控件客户端id)是否有选中
Apr 11 Javascript
javascript数组详解
Oct 22 Javascript
iScroll中事件点击触发两次解决方案
Mar 11 Javascript
jqGrid表格应用之新增与删除数据附源码下载
Dec 02 Javascript
javascript中call,apply,bind函数用法示例
Dec 19 Javascript
你不知道的 javascript【推荐】
Jan 08 Javascript
详解vue 项目白屏解决方案
Oct 31 Javascript
JS实现的检验身份证格式并输出出生日期,年龄,性别,出生地示例
May 17 Javascript
生产制造追溯系统之再说条码打印
Jun 03 Javascript
vue 验证两次输入的密码是否一致的方法示例
Sep 29 Javascript
node.js使用express-fileupload中间件实现文件上传
Jul 16 Javascript
简述Jquery与DOM对象
Jul 10 #Javascript
JavaScript声明变量名的语法规则
Jul 10 #Javascript
JS控制表单提交的方法
Jul 09 #Javascript
JS获取下拉框显示值和判断单选按钮的方法
Jul 09 #Javascript
JavaScript的类型、值和变量小结
Jul 09 #Javascript
JS实现文档加载完成后执行代码
Jul 09 #Javascript
jQuery检测某个元素是否存在代码分享
Jul 09 #Javascript
You might like
php GeoIP的使用教程
2011/03/09 PHP
PHP header()函数使用详细(301、404等错误设置)
2013/04/17 PHP
ThinkPHP分组下自定义标签库实例
2014/11/01 PHP
PHP使用redis位图bitMap 实现签到功能
2019/10/08 PHP
laravel 出现command not found问题的解决方案
2019/10/23 PHP
document.write()及其输出内容的样式、位置控制
2013/08/12 Javascript
jQuery防止click双击多次提交及传递动态函数或多参数
2014/04/02 Javascript
node.js中的http.response.writeHead方法使用说明
2014/12/14 Javascript
常用DOM整理
2015/06/16 Javascript
javascript删除html标签函数cIsHTML
2017/01/09 Javascript
React快速入门教程
2017/01/17 Javascript
原生JavaScrpit中异步请求Ajax实现方法
2017/11/03 Javascript
JS实现倒计时图文效果
2018/11/17 Javascript
js canvas实现二维码和图片合成的海报
2020/11/19 Javascript
9102了,你还不会移动端真机调试吗
2019/03/25 Javascript
详解在Javascript中进行面向切面编程
2019/04/28 Javascript
javascript写一个ajax自动拦截并下载数据代码实例
2019/09/07 Javascript
element-ui 远程搜索组件el-select在项目中组件化的实现代码
2019/12/04 Javascript
python编码总结(编码类型、格式、转码)
2016/07/01 Python
python os.listdir按文件存取时间顺序列出目录的实例
2018/10/21 Python
浅析python3字符串格式化format()函数的简单用法
2018/12/07 Python
django-初始配置(纯手写)详解
2019/07/30 Python
python 等差数列末项计算方式
2020/05/03 Python
移动端解决悬浮层(悬浮header、footer)会遮挡住内容的3种方法
2015/03/27 HTML / CSS
亚洲最大旅游体验平台:KKday
2017/10/21 全球购物
法国购买二手电子产品网站:Asgoodasnew
2020/03/27 全球购物
Java面试题及答案
2012/09/08 面试题
什么情况下你必须要把一个类定义为abstract的
2013/01/06 面试题
了解AppleShare protocol(AppleShare协议)吗
2015/08/28 面试题
关于毕业的广播稿
2014/01/10 职场文书
事业单位公务员的职业生涯规划
2014/01/15 职场文书
低碳环保标语
2014/06/12 职场文书
群众路线教育实践活动思想汇报(2014特荐篇)
2014/09/16 职场文书
售房协议书范本
2015/08/11 职场文书
MySQL系列之六 用户与授权
2021/07/02 MySQL
微软团队与 NASA 科学家和惠普企业(HPE)的工程师合作
2022/04/21 数码科技