第二章 首頁呈現

<html>

<body>
<h1 align="center">歡迎來到麻糬的家</h1>
<style>
body {background-color: powderblue;}
h1   {color: blue;}</style>
<style>
.menu   { background-color:black; color:white; padding:10px; 
          vertical-align:top; width:100px; list-style-type:none; }
.menu a { color:white; text-decoration:none; }
</style>
<script type="text/javascript">
function show(id) {
  document.getElementById(id).style.visibility='visible';
}

function hide(id) {
  document.getElementById(id).style.visibility='hidden';
}
</script>    
  </head>
  <body onload="JavaScript:hide('popup1');hide('popup2');">
      <ul onmouseover="show('popup1');"  onmouseout="hide('popup1')" 
          style="position:absolute; left:320px; top:100px">
        <li id="menu1" class="menu">生活記事</li>
        <ul id="popup1" class="menu">
          <li><a href="myblog.html">心情小站</a></li>
          <li><a href="table.html">課表</a></li>
        </ul> 
      </ul>
      <ul onmouseover="show('popup2');" onmouseout="hide('popup2')" 
          style="position:absolute; left:440px; top:100px">
        <li id="menu2" class="menu">學習經驗</li>
        <ul id="popup2" class="menu">
          <li><a href="profile.html">個人履歷</a></li>


        </ul>
      </ul>
      <ul onmouseover="show('popup3');" onmouseout="hide('popup3')" 
          style="position:absolute; left:560px; top:100px">
        <li id="menu3" class="menu">小工具</li>
        <ul id="popup3" class="menu">
          <li><a href="caculator1.html">簡易記帳本</a></li>

        </ul>
      </ul>
      <img src="cloud.jpg" width="2048px" height="1400px">
      <img src="12.png" width="360px" height="600px" style="position:absolute; left:350px; top:350px">

</body>
</html>

results matching ""

    No results matching ""