javaScript制作下拉表格
来源:互联网 发布:巨人网络征途 编辑:程序博客网 时间:2024/05/01 04:56
制作网页菜单时,我想把鼠标移过来,出现一下拉表格,在表格内选一个超链接,如何实现
JSP实现的,如果想改变网格布局用或者颜色什么的用css自己慢慢调吧。
<script type="text/javascript">
function displaySubMenu(li) {
var subMenu = li.getElementsByTagName("ul")[0];
subMenu.style.display = "block";
}
function hideSubMenu(li) {
var subMenu = li.getElementsByTagName("ul")[0];
subMenu.style.display = "none";
}
</script>
</head>
<body>
<ul id="navigation">
<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
<a href="#" class="STYLE1">栏目1</a>
<ul>
<li><a href="#">栏目1->菜单1</a>|<a href="#">栏目1->菜单2</a>
<a href="#">栏目1->菜单3</a>
<a href="#">栏目1->菜单4</a></li>
</ul>
</li>
<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
<a href="#">栏目2</a>
<ul>
<li><a href="#">栏目2->菜单1</a></li>
<li><a href="#">栏目2->菜单2</a></li>
<li><a href="#">栏目2->菜单3</a></li>
<li><a href="#">栏目2->菜单4</a></li>
<li><a href="#">栏目2->菜单5</a></li>
</ul>
</li>
<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
<a href="#">栏目3</a>
<ul>
<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
<a href="#">栏目3->菜单1</a>
<ul>
<li><a href="#">菜单1->子菜单1</a></li>
<li><a href="#">菜单1->子菜单2</a></li>
<li><a href="#">菜单1->子菜单3</a></li>
<li><a href="#">菜单1->子菜单4</a></li>
</ul>
</li>
<li><a href="#">栏目3->菜单2</a></li>
<li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
<a href="#">栏目3->菜单3</a>
<ul>
<li><a href="#">菜单3->子菜单1</a></li>
<li><a href="#">菜单3->子菜单2</a></li>
<li><a href="#">菜单3->子菜单3</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</body>
- javaScript制作下拉表格
- javaScript制作下拉表格
- JavaScript制作表格
- 用JAVASCRIPT制作下拉菜单
- css+javascript制作下拉面板
- javascript 制作下拉框缓存
- 用JavaScript制作关联下拉选择框
- HTML5--javaScript制作的水平下拉菜单
- 表格制作
- 表格制作
- javascript结合Ajax制作的可编辑表格代码
- 展现数据、制作表格和图表的JavaScript库
- JavaScript 结合 CSS 制作带背景图的下拉菜单
- Javascript 调用XML制作连动下拉框
- Javascript 调用XML制作连动下拉框
- Javascript 调用XML制作连动下拉框
- Javascript 调用XML制作连动下拉框
- Javascript调用XML制作连动下拉列表框
- Linux命令温故而知新:tail,head,cat
- 次小生成树
- Ubuntu rsync同步文件实例
- JFreeChart画雷达图、带刻度雷达图、蜘蛛网、带刻度蜘蛛网(转自:http://blog.csdn.net/guoquanyou/archive/2008/12/10/3488313.aspx)
- JAVA通过JdbcOdbc连接sql server 2000数据库
- javaScript制作下拉表格
- javaScript制作下拉表格
- 写代码的一天
- PKU 1847 最短路径 djistrla
- 全国各地DNS
- cocos2d 触摸事件跟踪
- 用jsp文件传Json 之 “Source Not found”错误
- 什么是多态?为什么用多态?有什么好处?
- iPhone开发基础之动画显示图片的实现