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() 方法已完成!"); }); }); });

  • 相关阅读:
    Ducking
    MINITAB(二)
    JFreechart
    linux命令0424
    JAVA哈哈镜
    HTML(四)
    The 3n+1 problem
    [转载]:【读书笔记】.NET本质论
    ER图基本步骤
    [从架构到设计]第一回:设计,应该多一点(转载)
  • 原文地址:https://www.cnblogs.com/Alioo/p/11400824.html
Copyright © 2011-2022 走看看