zoukankan      html  css  js  c++  java
  • JQuery Show()的几种效果 总有一种是你需要的

       

    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:在动画完成时执行的参数(即回调函数),可选

     
  • 相关阅读:
    vue2.0实践的一些细节
    数据库之一
    angularJS实用的开发技巧
    移动端开发的一些技巧总结(2)
    vue入门学习(基础篇)
    JS继承之原型继承
    css3动画
    使用 xlsx 前端解析 excel 文件
    webpack4 打包 library 遇到的坑
    roc-charts 开发笔记:JS广度优先查找无向无权图两点间最短路径
  • 原文地址:https://www.cnblogs.com/hzcya1995/p/13317812.html
Copyright © 2011-2022 走看看