zoukankan      html  css  js  c++  java
  • 显示隐藏、淡入淡出、上卷下展的区别

    1,show()方法和hide()方法
    $("selector").show() 
     从display:none还原元素默认或已设置的display属性
    $("selector").hide() 
     设置元素的display样式为none,等于$("selector").css("display","none")
    (注: 传入参数后,.show()和.hide()方法同时动画改变元素的width,height和透明属性;传入参数控制显隐速度,单位毫秒, 如.show(600),也可传入fast,normal,slow,fast为200毫秒,normal为400毫秒,slow为600毫秒)

    2,fadeIn()方法和fadeOut()方法
    $("selector").fadeIn() 
     控制透明度在指定时间内从display:none提高至完全显示
    $("selector").fadeOut() 
     控制透明度在指定时间内降低至display:none;

    3,slideUp()方法和slideDown()方法
    $("selector").slideUp() 
     控制元素高度在指定时间内从下到上缩短至display:none;
    $("selector").slideDown() 
     控制元素高度在指定时间内从display:none延伸至完整高度

    4,自定义动画方法animate()
    $("selector").animate(params,speed,callback); 
     params:一个包含样式属性及值的映射,比如{property1:"value1",property2:"value2",...}
     speed:速度参数,可选
     callback:在动画完成时执行的参数(即回调函数),可选

  • 相关阅读:
    07:常识性问题
    知识梳理
    Linux之防火墙iptables
    centos常用命令
    Centos7 内核升级及删除无用内核
    Java线程之Callable、Future
    Java线程之Timer
    Java线程之ThreadLocal
    Java线程之synchronized
    Java线程之wait()、notify()、notifyAll()
  • 原文地址:https://www.cnblogs.com/annie211/p/5901566.html
Copyright © 2011-2022 走看看