Ignore:
Timestamp:
Feb 18, 2009, 8:58:24 AM (16 years ago)
Author:
jazz
Message:
  • 按 MENU 連結會隱藏左方方塊
Location:
oceandb/jQuery_Prototype
Files:
3 added
2 edited

Legend:

Unmodified
Added
Removed

  • oceandb/jQuery_Prototype/index.css

    r55 r56  
    22
    33/* header */
    4 #header       { position: absolute; color: #bbb; border-bottom: 1px solid; width: 100%; margin-bottom: 2px; background-color: black; padding: 5px; }
     4#header       { position: absolute; overflow: hidden; color: #bbb; border-bottom: 1px solid; height: 24px; width: 100%; background-color: blue; padding: 5px; }
    55#header a     { color: white; }
    66#main-menu    { float: left;  margin-left:  15px; }
    … …  
    88
    99/* main */
     10#main       { color: #bbb; height: 100%; width: 100%; background-color: gray; padding: 0px; }
     11#map-menu     { background-color: blue;  width: 20%; height: 100%; float: left; display: block; }
     12#map        { background-color: black; width: 80%; height: 100%; float: right; }
    1013
    1114/* footer */
    12 #footer     { position: absolute; color: #bbb; border-top: 1px solid; bottom: 5px; width: 100%; background-color: black; padding: 5px; }
    13 #footer a   { color: white; }
    14 #copyright  { float: left;  margin-left:   15px; }
    15 #logos      { float: right; margin-right:  15px; }
    16 #logos img  { border: none; height: 31px; }
     15#footer       { position: absolute; overflow: hidden; color: #bbb; border-top: 1px solid; bottom: 0px; height: 31px; width: 100%; background-color: blue; padding: 5px; }
     16#footer a     { color: white; }
     17#copyright    { float: left;  margin-left:   15px; }
     18#logos        { float: right; margin-right:  15px; }
     19#logos img    { border: none; height: 31px; }

  • oceandb/jQuery_Prototype/index.html

    r55 r56  
    44  <head>
    55    <title>台灣海洋資訊資料庫聯盟網 Taiwan Ocean Informatioan Database</title>
    6     <link rel="stylesheet" type="text/css" href="index.css" media="all">
     6    <link rel="stylesheet" type="text/css" href="index.css" />
     7    <script src="script/jquery.js"  language="javascript"></script>
     8    <script src="script/oceandb.js" language="javascript"></script>
    79  </head>
    810  <body>
    911    <div id="header">
    1012      <div id="main-menu">
    11   <a href="http://oceandb.info" accesskey="0">HOME</a>
    12   <a href="#">MENU</a>
     13  <a href="/">HOME</a>
     14  <a href="#" id="btnMenu">MENU</a>
    1315  <a href="#">NEWS</a>
    1416  <a href="#">ABOUT</a>
    1517      </div>
    16       <div id="title"><a href="http://oceandb.info">台灣海洋資訊資料庫聯盟網 Taiwan Ocean Informatioan Database</a></div>
     18      <div id="title"><a href="/">台灣海洋資訊資料庫聯盟網 Taiwan Ocean Informatioan Database</a></div>
    1719    </div>
    18     <div id="main"><div id="map-menu"></div><div id="map"></div></div>
     20    <div id="main">
     21      <div id="map-menu"></div>
     22      <div id="map"></div>
     23    </div>
    1924    <div id="footer">
    2025      <div id="copyright">Copyright 2008 <a href="http://www.tori.narl.org.tw/" target="_top">TORI</a> & <a href="http://www.nchc.org.tw/" target="_top">NCHC</a>, <a href="http://www.narl.org.tw/" target="_top">NARL</a>, Taiwan</div>
Note: See TracChangeset for help on using the changeset viewer.