zoukankan      html  css  js  c++  java
  • jquery中显示与隐藏元素代码

     

    一.元素的显示与隐藏

               1.show().hide()方法

                       $("#div1").show(); //div 显示

                       $("#div1").hide(); //div 隐藏

     

    二.渐入渐出的变幻

                  1.show(),hide()方法

                       $("#div1").show(3000); //div 显示的过程为3000毫秒

                       $("#div1").hide(3000); //div 隐藏的过程为3000毫秒

                         效果为逐渐缩小直至消失 ,神奇

                    2.fadeOut()、fadeIn()方法

                         $("#div1").fadeOut(3000); //div 隐藏的过程为3000毫秒

                         $("#div1").fadeIn(3000); //div 显示的过程为3000毫秒

                           效果为逐渐变淡直至消失,很酷

    三.幻灯片效果

                     1.slideUp()、slideDown()方法

                         $("#div1").slideUp(3000); //div 隐藏的过程为3000毫秒

                         $("#div1").slideDown(3000); //div 显示的过程为3000毫秒

                           效果为类似幻灯片拉窗帘,很炫

  • 相关阅读:
    生活中残忍的真相
    @ControllerAdvice 拦截异常并统一处理
    自律的人生
    50建议
    公众号自动发送红包
    增加记忆力方式
    MySQL行转列与列转行
    微人生的活法
    人生三出戏
    很重要的一点是 关注并坚持去做那些短期看不到效果,但对你影响深远的事情。
  • 原文地址:https://www.cnblogs.com/QiuJL/p/4524238.html
Copyright © 2011-2022 走看看