zoukankan      html  css  js  c++  java
  • jquery点击改变class并toggle

    <html>
    <head>
    <meta charset="utf-8">
    <title></title>
    <script type="text/javascript" src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js"></script>
    <style>
    .bg1 {
        background-image:url(images/21.jpg);
        background-repeat:no-repeat;
        color:#0CF;
    }
    .bg2 {
        background-image:url(images/22.jpg);
        background-repeat:no-repeat;
        color:#F00;
    }
    </style>
    <script type="text/javascript">
    //参数para1:希望隐藏元素的id值
    function toggle1(para1){
        if ($("#p2").attr("class")=="bg1")
        {
            $("#p2").attr("class","bg2");
        }
        else 
        {
            $("#p2").attr("class","bg1");
        }
        $("#"+para1).toggle();
    }
    </script>
    </head>
    <body>
    <p id="p1">此处将显示或隐藏</p>
    <p id="p2" class="bg1" onClick="toggle1('p1')" style="height:31px">点击此处显示或隐藏上面部分并更换自己的样式(包括背景图、字体等)</p>
    </body>
    </html>
  • 相关阅读:
    Game Engine Architecture 3
    Game Engine Architecture 2
    补码
    工厂模式
    Game Engine Architecture 1
    YDWE Keynote
    3D Math Keynote 4
    3D Math Keynote 3
    3D Math Keynote 2
    OGRE中Any 类型的实现
  • 原文地址:https://www.cnblogs.com/cag2050/p/5037670.html
Copyright © 2011-2022 走看看