zoukankan      html  css  js  c++  java
  • jQuery:show()方法

    show()方法是jQuery的方法,功能是显示元素,参数是时间,单位是毫秒,例如:

    Html:

    <div class="one" id="one">
            id为one,class为one的div
            <div class="mini">class为mini</div>
        </div>
        <div class="one" id="two" title="test">
            id为two,class为one,title为test的div
            <div class="mini" title="other">class为mini,title为other</div>
            <div class="mini" title="test">class为mini,title为test</div>
        </div>
        <div class="one">
            <div class="mini">class为mini</div>
            <div class="mini">class为mini</div>
            <div class="mini">class为mini</div>
            <div class="mini"></div>
        </div>
        <div class="one">
            <div class="mini">class为mini</div>
            <div class="mini">class为mini</div>
            <div class="mini">class为mini</div>
            <div class="mini" title="test">class为mini,title为test</div>
        </div>
        <div style="display:none" class="none">
            style的display为"none"的div
        </div>
        <div class="hide">class为"hide"的div</div>
        <div>
            包含input的type为"hidden"的div<input type="hidden" size="8"/>
        </div>
        <span id="mover">正在执行动画的span元素</span>
    View Code

     CSS:

    div,span,p{
        width:140px;
        height:140px;
        margin:5px;
        background:#aaa;
        border:#000 1px solid;
        float:left;
        font-size:17px;
        font-family:Verdana, Geneva, Tahoma, sans-serif, 宋体;
    }
    div.mini{
        width:55px;
        height:55px;
        background-color:#aaa;
        font-size:12px;
    }
    div.hide{
        display:none;
    }
    View Code

    js:

    <script type="text/javascript" src="jquery-1.11.0.js/jquery-1.11.0.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
                $("div:hidden").css("background","#bbffaa");
                $("div:hidden").show(3000);
        });
    </script>
            

    截图:

     

  • 相关阅读:
    python 基础第二篇
    python 基础第五篇
    python 基础第四篇
    购物小编程(完整编码)
    计算机 python概论
    str 相关操作
    python 基础第三篇
    Nginx 配置多站点vhost
    h5页面宽度设置7.5rem
    js 倒计时,转义
  • 原文地址:https://www.cnblogs.com/KeenLeung/p/3611134.html
Copyright © 2011-2022 走看看