zoukankan      html  css  js  c++  java
  • jquery 显示/ 隐藏 页面中部分内容

    <head>
    <script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>
    </head>
    <body>
        <div id="frm_Win" style="display: none;">
            WinWinWinWinWinWinWinWinWinWinWinWinWinWinWinWinWinWin <a href="javascript:" id="frm_WinShow">
                Down Mac</a>
        </div>
        <div id="frm_Mac">
            MacMacMacMacMacMacMacMacMacMacMacMacMacMacMacMacMacMac <a href="javascript:" id="frm_macShow">
                Down Win</a>
        </div>
        <script type="text/javascript">
            $("#frm_WinShow").click(function () {
                $("#frm_Mac").show();//.css("display", "block");
                $("#frm_Win").hide();//.css("display", "none");
            });
            $("#frm_macShow").click(function () {
                $("#frm_Win").show();//.css("display", "block");
                $("#frm_Mac").hide();//.css("display", "none");
            });
        </script>

     </body>


  • 相关阅读:
    网页字体设置你了解吗?
    CSS 定位 (Positioning)
    常用CSS缩写语法总结
    CSS 教程
    CSS Reset(CSS重置)
    边框模拟小三角形
    CSS sprites
    border:none和border:0的区别
    css display属性
    css的postion属性
  • 原文地址:https://www.cnblogs.com/mxdneu/p/5203750.html
Copyright © 2011-2022 走看看