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>

  • 相关阅读:
    虚拟化技术KVM
    Rsync+Inotify实现文件自动同步
    第一次使用博客园
    kmp算法分析
    程序可移植性分析(一)数据类型
    strings用法小记
    size用法小记
    readelf用法小记
    nm用法小记
    ar用法小记
  • 原文地址:https://www.cnblogs.com/zxjyuan/p/1664291.html
Copyright © 2011-2022 走看看