zoukankan      html  css  js  c++  java
  • JQuery效果

    1、隐藏和显示

    hide()、show()、toggle()

    // 第一个参数 可选的speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。
    // 第二个参数是一个字符串,表示过渡使用哪种缓动函数。(注:jQuery自身提供"linear" 和 "swing")。
    // 可选的 callback 参数是隐藏或显示完成后所执行的函数名称。
    $(document).ready(function(){
      $(".hidebtn").click(function(){
        $("div").hide(1000,"linear",function(){
          alert("Hide() 方法已完成!");
        });
      });
    });

    2、淡入淡出

    fadeIn():

    fadeOut():

    fadeToggle():

    fadeTo():

    // $(selector).fadeIn(speed,callback);
    // 可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒.
    // 可选的 callback 参数是 fading 完成后所执行的函数名称。
    $(document).ready(function(){
      $("button").click(function(){
        $("#div1").fadeIn();
        $("#div2").fadeIn("slow");
        $("#div3").fadeIn(3000);
      });
    });

    $(document).ready(function(){ $(".hidebtn").click(function(){ $("div").hide(1000,"linear",function(){alert("Hide() 方法已完成!"); }); }); });

  • 相关阅读:
    CF1477F
    UR2 树上 GCD
    CF1491
    碎碎念——Nothing is but what is not
    理希的高考前胡诌
    理希的OI记——补集
    老年人的赛前康复计划
    react中受控组件、非受控组件、纯函数、高阶函数、高阶组件。
    react当中refs
    react当中Props
  • 原文地址:https://www.cnblogs.com/Alioo/p/11400824.html
Copyright © 2011-2022 走看看