zoukankan      html  css  js  c++  java
  • JQuery显示隐藏层

    <script src="lib/jquery.js" type="text/javascript"></script>
    $(document).ready( function(){});
    function hiden(){
    $("#divObj").hide();//hide()函数,实现隐藏,括号里还可以带一个时间参数(毫秒)例如hide(2000)以2000毫秒的速度隐藏,还可以带slow,fast
    }
    function slideToggle(){
    $("#divObj").slideToggle(2000);//窗帘效果的切换,点一下收,点一下开,参数可以无,参数说明同上
    }
    function show(){
    $("#divObj").show();//显示,参数说明同上
    }
    function toggle(){
    $("#divObj").toggle(2000);//显示隐藏切换,参数可以无,参数说明同上
    }
    function slide(){
    $("#divObj").slideDown();//窗帘效果展开
    }
    </script>
    <input type="button" value="隐藏" onclick="hiden()"/>
    <input type="button" value="显示" onclick="show()"/>
    <input type="button" value="窗帘效果显示2" onclick="slide()"/>
    <input type="button" value="窗帘效果的切换" onclick="slideToggle()"/>
    <input type="button" value="隐藏显示效果切换" onclick="toggle()"/>
    <div id="divObj"> hello world!</div>

  • 相关阅读:
    硬件调试软件
    ICMP(Internet Control Message Protocol)
    算法网站
    下载安装
    netcat 实现端口转发
    mqtt 连接工具
    Linux(CentOS7)安装zip、unzip命令
    awk 两个字符串互换位置
    创建一个swift项目
    屏幕录制
  • 原文地址:https://www.cnblogs.com/zxjyuan/p/1664291.html
Copyright © 2011-2022 走看看