zoukankan      html  css  js  c++  java
  • jQuery动画

    动画
    1,隐藏动画hide() fast 200 slow 600 display:none;
    2,显示动画show();
    3,toggle 切换元素的显示和隐藏
    4,slideDown 用滑动动画显示一个匹配元素 事件数值越大动画越慢,
    sideDown(duration,function(){//等待动画执行1m后执行的别的动作
    });
    slideUp(slow/400/fast);
    5,SlideToggle() 上卷下拉动画切换
    6,fadeOut('slow/400/fast', function() {});
    fadeIn('slow/400/fast', function() {});
    动画淡入淡出
    7,fadeToggle() 淡入淡出切换
    8,fadeTo() opacity的属性,改变透明度,一步到位
    9,操作元素显示和隐藏的方式
    display:none;
    设置高度为0;
    设置透明度为0;
    10,$(elem).animate({
    {opacity:0;},3000
    });
    11,$(elem).animate({properties},{
    duration:设置 动画执行时间,
    easing:规定要使用easing函数,过渡使用哪种缓动
    step:规定每个动画的每一步完成会后,要执行的函数
    progress:每一次动画调用的时候会执行这个函数,就是一个进度的概念
    complete:动画完成回调
    });
    12,动画停止stop
    stop() 只会停止第一个动画,第二第三个会继续
    stop(true) 停止第一个第二个第三个动画。
    stop(true,true) 停止动画,直接跳到第一个动画的最终状态
    13,each([],function(index,value){ return false ;/*停止迭代*/})
    14,inArray() 查找数组中的索引,存在返回索引值,不存在返回-1
    jQuery.inArray(5, [1,2,3,4,5]); //返回4
    15,$.trim();去除字符串两边的空白字符
    16,.get() 获取集合对象中的某一个元素,传入-值,从后往前索引
    17,index() 元素在集合中对应的索引 $('li').index('#test') //返回1
  • 相关阅读:
    Python 从零学起(纯基础) 笔记 之 collection系列
    ARM学习 之 如何在向内核写入系统调用
    idea的git使用案例
    idea使用git的pull命令报错1
    String、StringBuilder以及StringBuffer
    HashMap实现原理及源码分析
    logback使用注意点1
    创建zookeeper集群
    disconf安装问题
    linux更换jdk版本
  • 原文地址:https://www.cnblogs.com/niusan/p/8010862.html
Copyright © 2011-2022 走看看