码迷,mamicode.com
首页 > Web开发 > 详细

js简单菜单

时间:2014-07-09 00:47:23      阅读:284      评论:0      收藏:0      [点我收藏+]

标签:des   style   http   java   color   width   

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
   
    <title>My JSP ‘menu.jsp‘ starting page</title>
   
 <meta http-equiv="pragma" content="no-cache">
 <meta http-equiv="cache-control" content="no-cache">
 <meta http-equiv="expires" content="0">   
 <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
 <meta http-equiv="description" content="This is my page">
 <!--
 <link rel="stylesheet" type="text/css" href="styles.css">
 -->
 <style>
 a{
  text-decoration: none;
 }
 div{
  position: absolute;
  z-index: auto;
 }
 
 </style>
 
 <script>
 function $(id)
 {
  return document.getElementById(id);
 }
 function show(id)
 {
  if($(id).style.display==‘none‘)
  {
   $(id).style.display=‘‘;
   return;
  }
  if($(id).style.display==‘‘)
  {
   $(id).style.display=‘none‘;
   return;
  }
 }
</script>

  </head>
 
  <body>
    <table border="1" cellpadding="1" cellspacing="1" width="300px" align="center" bgcolor="red">
    <tr>
    <td onmouseover="show(‘t1‘)" onmouseout="show(‘t1‘)">手机数码<br>
    <div style="display:‘none‘" id="t1">
     <a href="success.jsp">手机数码1</a><br>
     <a href="#">手机数码2</a><br>
     <a href="#">手机数码3</a><br>
     </div>
    </td>
    
    <td onmouseover="show(‘t2‘)" onmouseout="show(‘t2‘)">淘宝集市<br>
    <div style="display:‘none‘" id="t2">
     <a href="#">淘宝集市1</a><br>
     <a href="#">淘宝集市2</a><br>
     <a href="#">淘宝集市3</a><br>
     </div>
    </td>
   
    <td onmouseover="show(‘t3‘)" onmouseout="show(‘t3‘)">品牌商城<br>
    <div style="display:‘none‘" id="t3">
     <a href="#">品牌商城1</a><br>
     <a href="#">品牌商城2</a><br>
     <a href="#">品牌商城3</a><br>
     </div>
    </td>
    </tr>
   
   </table>
  </body>
</html>

js简单菜单,布布扣,bubuko.com

js简单菜单

标签:des   style   http   java   color   width   

原文地址:http://www.cnblogs.com/huangzhiqiang/p/3830130.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!