JQ 淡入淡出

JQ

fadeIn    淡入  fadeOut    淡出

fadeToggle  淡入淡出

$("button").click(function(){

    $("#div1").fadeIn();

    $("#div2").fadeIn("slow");

    $("#div3").fadeIn(3000);

  });

fadeTo  颜色变淡

  $("button").click(function(){

    $("#div1").fadeTo("slow",0.15);

    $("#div2").fadeTo("slow",0.4);

    $("#div3").fadeTo("slow",0.7);

  });

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • JQ
    通过jQuery，您可以选取（查询，query）HTML元素，并对它们执行“操作”（actions）。 jQuer...
    枇杷树8824阅读 680评论 0赞 3
  • 基础
    jQuery 安装 把 jQuery 添加到您的网页 如需使用 jQuery，您需要下载 jQuery 库（会在下...
    Clover园阅读 315评论 0赞 0
  • jQuery |淡入淡出
    通过 jQuery，您可以实现元素的淡入淡出效果。 jQuery 拥有下面四种 fade 方法：fadeIn()f...
    明明德撩码阅读 368评论 0赞 0
  • jQuery中淡出淡入 效果
    jQuery 效果 -淡入淡出 jQuery Fading 方法 jQuery 拥有下面四种 fade 方法： f...
    逍遥g阅读 263评论 0赞 1
  • jQuery效果
    jQuery hide() 和 show() 通过 jQuery，您可以使用 hide() 和 show() 方法...
    convertible阅读 220评论 0赞 1