这里有你需要的JQuery Show()的几种效果 - 梁鹏程个人作品集,梁鹏程博客,帆子博客,微语,网站模版

梁鹏程个人作品集,帆子博客

  • 工作笔记
  • 工作简记
  • 微语
  • 建站资讯
  • 网站模板
  • 单页模板
  • 最新碎语:爱而不得的时候,再爱就不礼貌了~

    您的位置:梁鹏程个人作品集,帆子博客 >工作简记> 这里有你需要的JQuery Show()的几种效果

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


    ---

    转载请注明本文标题和链接:《这里有你需要的JQuery Show()的几种效果

    分享到:

    发表评论

    路人甲 表情
    看不清楚?点图切换 Ctrl+Enter快速提交
    
    召唤伊斯特瓦尔