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毫秒

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

  • 相关阅读:
    在windwos创建的脚本文件在linux环境中无法执行的问题
    shell的文件锁操作
    systemd target
    算法-排序数组
    算法-存在重复元素
    算法-移除元素
    算法-两数之和
    touch事件详解
    小程序 打包太大
    taro/vue 左滑删除购物车
  • 原文地址:https://www.cnblogs.com/QiuJL/p/4524238.html
Copyright © 2011-2022 走看看