美文网首页
2022-03-27_jQuery效果

2022-03-27_jQuery效果

作者: 微笑碧落 | 来源:发表于2022-03-26 11:45 被阅读0次

    1. 显示、隐藏hide() 和 show()和toggle()

    $(selector).hide(speed,callback);
    $(selector).show(speed,callback);
    $(selector).toggle(speed,callback);
    

    其中

    • speed,可选,为速度。可选项为毫秒 (比如 1500)、"slow"、"normal"、"fast"
    • callback 为hide 函数执行完之后,要执行的函数。
    • 范例
    $("p").click(function(){
      $(this).toggle(1000,function(){
        alert("toggle方法已经完成")
      })
    })
    

    2.淡出、淡入、修改不透明度

    $(selector).fadeIn(speed,callback); 淡入
    $(selector).fadeOut(speed,callback); 淡出
    $(selector).fadeToggle(speed,callback); 淡入淡出切换
    $(selector).fadeTo(speed,opacity,callback); 修改不透明度
    

    3.滑动

    $(selector).slideDown(speed,callback);
    $(selector).slideUp(speed,callback);
    $(selector).slideToggle(speed,callback);
    

    4.引用

    1.jquery教程

    相关文章

      网友评论

          本文标题:2022-03-27_jQuery效果

          本文链接:https://www.haomeiwen.com/subject/rzaejrtx.html