middle.html 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  5. <title>显示/隐藏菜单</title>
  6. <script src="js/jquery-1.7.2.min.js"></script>
  7. <link href="css/base.css" rel="stylesheet" type="text/css" />
  8. <link href="css/admin.css" rel="stylesheet" type="text/css" />
  9. <script type="text/javascript">
  10. $().ready(function() {
  11. var $main = $("#main");
  12. $main.click( function() {
  13. var mainFrameset = window.parent.window.document.getElementById("mainFrameset");
  14. if(mainFrameset.cols == "130,6,*") {
  15. mainFrameset.cols = "0,6,*";
  16. $main.removeClass("leftArrow");
  17. $main.addClass("rightArrow");
  18. } else {
  19. mainFrameset.cols = "130,6,*";
  20. $main.removeClass("rightArrow");
  21. $main.addClass("leftArrow");
  22. }
  23. })
  24. })
  25. </script>
  26. <style type="text/css">
  27. <!--
  28. html, body {
  29. height: 100%;
  30. overflow:hidden;
  31. }
  32. -->
  33. </style>
  34. </head>
  35. <body class="middle">
  36. <div id="main" class="main leftArrow"></div>
  37. </body>
  38. </html>