首页 | 联系我们 | 叶凡网络官方QQ群:323842844
游客,欢迎您! 请登录 免费注册 忘记密码
您所在的位置:首页 > 开发语言 > Javascript > 正文

左右分屏的menu

作者:cocomyyz 来源: 日期:2013-07-25 02:29:45 人气:60 加入收藏 评论:0 标签:javascript

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta http-equiv="Page-Enter" content="revealTrans(duration=5.0, transition=20)">
<meta http-equiv="Page-Exit" content="revealTrans(duration=5.0, transition=20)">
<title>无标题文档</title>
<script language="javascript" type="text/javascript">
<!--
  function navigation(){
   var intNum = document.getElementById("navigation").innerText;
   if(intNum == 7){
    document.getElementById("navigation").innerText = "8";
    document.getElementById("menu").style.display = "none";
   }else if(intNum == 8){
    document.getElementById("navigation").innerText = "7";
    document.getElementById("menu").style.display = "";
   }
  }
-->
</script>
</head>

<body style="margin:0px; padding:0px; ">
<table style="margin:0px;padding:0px;border-collapse:collapse;width:100%;height:800px;background:#cccccc;">
<tr>

  <td id="menu" style="width:200px; background:#336699;"></td>
  <td onClick="navigation()" style="background:#336699; width:7px; font-family:Webdings;cursor:hand; overflow:hidden;color:white;"><span id="navigation">7</span></td>
  <td></td>
 
</tr>
</table>
</body>
</html>


本文网址:http://www.mingyangnet.com/html/js/131.html
读完这篇文章后,您心情如何?
  • 0
  • 0
  • 0
  • 0
  • 0
  • 0
  • 0
  • 0
上一篇: dom中的创建img
更多>>网友评论
发表评论