上一篇:“government”和“the authorities”的区别
下一篇:著名邮票欣赏《全国山河一片红》(图)
Javascript和table实现的简单、高效的下拉式菜单(附代码)
米娅 2010年10月14日 21:57:32

Javascript和<table>实现的简单、高效的下拉式菜单(附代码)

只需要两行javascript代码,和一个<table>就可以了,感觉CSS的比较复杂,当初把我都弄晕了,最近,静下心想了一下,发现这个很简单的方法实现。代码在二楼。



2楼 2010年10月14日 22:04:37 米娅

<html>
<head>
<script type="text/javascript">
function list_menu() {  document.getElementById('second_1').style.display = "block"  };
function hid_menu() {  document.getElementById('second_1').style.display = "none" };
</script>
<title>drop menu</title>
</head>

<body>

<table width=200px; style="position:absolute; top:79px; left:100px;"  >
  <tr style="background-color:#999;" >    
    <td>first</td>
    <td onmouseover="javascript:list_menu();" onclick="javascript:hid_menu();">second</td>
  </tr>
  <tr>
    <td>         
    </td>
    <td align="left" onmouseover="javascript:list_menu();" onmouseout="javascript:hid_menu(); " >
      <div  id="second_1"  style="display:none; background-color:#F9F9F9">
      <a href="#">1st</a><br>
      <a href="#">2nd</a><br>
      <a href="#">3rd</a><br>
      </div>
    </td>
  </tr>
</table>        
</body>
</html>

第1页 共1页
相关链接
1. Drupal 7.19: Notice: Undefined index: description in simpletest_test_form()
2. 手机卡成功剪卡装进iphone 5
3. iPhone 5 YouTube视频无法播放(已解决)
4. 整站下载工具WebZip
5. 如何用Adobe Flash CS4和ActionScript 3.0添加超级链接(附代码)
6. 学习Adobe Flash ActionScript的推荐链接
7. 网页右键禁用JavaScript代码
8. 下载Eclipse的链接
9. 应用Ajax、PHP、javascript来实现异步操作
10. 加拿大邮票: Canadian Diplomacy (2009)
11. 在eBay上卖东西(7):如何合并邮包优惠邮费(combine the shipping fee)
12. 在eBay上卖东西(3):什么是Print a shipping label
13. Boxing Day的多伦多Nathan Phillips广场(摄影)
14. iphone里的内置指南针定位
15. javascript中的冒号作什么用
16. 用javascript判断字符串是否为正整数