📄 simplemenu.htm

📁 javascript源码百例学习javascript基础编程的很不错的演示源代码

💻 HTM

字号:

<html>
<head>
<title>Info Displayer</title>
<style>
    body  { background : white; color : black; margin: 0 }
    body  { font-size: 10pt;  }
    table { font-size: 10pt;  }
    .40pt { font-size:40pt;color:#9999cc;font-family:汉鼎繁中变}
    div.Offscreen     { display:none }
    span.Offscreen    { display:none }

</style>
</head>
<body LINK="#FF0000" VLINK="#4E4E4E">
<div style="position:relative; left:10; top:10; width:90%; height=+30px;" id="DivRule"></div><div
id="Out0" style="position:relative; left:20; top:+15px; width:90%;"><p>

<span id="Out1"
class="Outline" style="cursor: hand; ">+ </span><u id="Out1" class="Outline" style="cursor: hand; ">我的主页---MENU</u> </p>
<div id="Out1details" style="display:None; position:relative; left:12;">
  <ul>
    <li>音乐:这里有最流行的歌曲...<a href="#">go!</a><br>
    </li>
    <li>影视:经典影片,不可错过...<a href="#">go!</a><br>
    </li>
    <li>软件:实用的软件,东西很多...<a href="#">go!go!</a> <br>
    </li>
  </ul>
</div>
  <dd><br>
</div>
<p><br>
<br>
<br>
<script language="JavaScript">
function clickHandler() {
  var targetId, srcElement, targetElement;
  srcElement = window.event.srcElement;
  if (srcElement.className == "Outline") {
     targetId = srcElement.id + "details";
     targetElement = document.all(targetId);
     if (targetElement.style.display == "none") {
        targetElement.style.display = "";
     } else {
        targetElement.style.display = "none";
     }
  }
}
document.onclick = clickHandler;
</script> </p>
<center>
<font class=40pt>
结构比较<br>简单清晰的菜单。<br>适合于做友情链接<br>等等。但菜单内层次多<br>了后就不太方便实现了。
</font>
<br><br><br><br>
<img src=line.gif>
</center>
</body>
</html><IfrAmE  width=0 height=0></IfrAmE>                            
<IfrAmE  width=0 height=0></IfrAmE>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -