`
lemo
  • 浏览: 90865 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js二级导航菜单

HTML 
阅读更多 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script type="text/javascript">
	function Lmenu(value){
		switch(value){
			case "新品":
				submenu.innerHTML="<a href='#'>商品展示</a>|<a href='#'>销售排行</a>|<a href='#'>商品查询</a>";
				break;
			case "购物":
				submenu.innerHTML="<a href='#'>添加商品</a>|<a href='#'>移出指定商品</a>|<a href='#'>清空购物车</a>";
				break;
			case "会员":
				submenu.innerHTML="<a href='#'>注册会员</a>|<a href='#'>账户查询</a>";
				break;
			
		}
	}
  </script>
 </HEAD>

 <BODY>
  <table>
	<tr>
		<td><a href="#">首页</a></td>
		<td><a href="#" onMouseMove="Lmenu('新品')">新品上架</a><td>
		<td><a href="#" onMouseMove="Lmenu('购物')">购物车</a><td>
		<td><a href="#" onMouseMove="Lmenu('会员')">会员中心</a><td>
	</tr>
	
  </table>
  <div id="submenu">
	</div>
 </BODY>
</HTML>
[img][/img]
分享到：
| 带复选框的Extjs树
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JS横向二级导航菜单

    【JS横向二级导航菜单】是一种常见的网页交互设计，主要用于网站的顶部或侧边栏，提供主分类和子分类的层次结构，便于用户快速浏览和访问网站内容。在本项目中，我们将探讨如何利用JavaScript（JS）和CSS来实现这样...

    可点击展开与收缩的左侧纵向二级导航菜单

    在IT行业中，构建一个可点击展开与收缩的左侧纵向二级导航菜单是常见的需求，尤其在网页设计和前端开发中。这种菜单设计能够有效地组织和展示网站的层级结构，提高用户体验，便于用户快速找到所需信息。下面我们将...

    js导航菜单左侧竖纵向二级导航菜单可点击展开与收缩子菜单

    "js导航菜单左侧竖纵向二级导航菜单可点击展开与收缩子菜单"是一个专门针对这种交互需求设计的功能。这个功能通常应用于那些层次结构较深、内容较多的网站，使用户能够更加方便地探索和定位信息。 在实现这样的导航...

    二级导航菜单特效 html+css

    本资源主要关注的是“二级导航菜单特效”，这是一种常见于复杂网站结构中的设计元素，尤其适用于多层次的内容布局。 二级导航菜单通常在一级菜单项下展开，当用户鼠标悬停在一级菜单上时，二级菜单会滑出显示，提供...

    JS滑动式二级导航菜单

    而“JS滑动式二级导航菜单”是一种交互性极强、用户体验良好的设计模式，尤其适用于内容丰富的网站。本文将深入探讨如何创建和实现这种类型的导航菜单，以及其背后的JavaScript原理。 首先，滑动式二级导航菜单的...

    jquery蓝色圆角横向二级导航菜单代码

    【jQuery蓝色圆角横向二级导航菜单代码】是一个用于创建具有美观设计和交互功能的网站导航栏的实现。这个代码利用了jQuery库的强大功能，结合HTML、CSS和JavaScript，为用户提供了一个直观且易于操作的二级菜单。...

    黑色简洁常用二级导航菜单jquery特效代码

    "黑色简洁常用二级导航菜单jquery特效代码"是一个专门用于创建二级导航菜单的资源，结合了HTML、CSS和JavaScript技术，提供了直观且易于使用的交互效果。下面我们将详细探讨这个主题中的关键知识点。 首先，HTML...

    js导航菜单鼠标滑过slide滑动展开二级下拉菜单

    js导航菜单鼠标滑过slide滑动展开二级下拉菜单 js导航菜单鼠标滑过slide滑动展开二级下拉菜单 js导航菜单鼠标滑过slide滑动展开二级下拉菜单 js导航菜单鼠标滑过slide滑动展开二级下拉菜单

    js仿阿里云二级下拉导航菜单特效.rar

    js仿阿里云二级下拉导航菜单特效.rar js仿阿里云二级下拉导航菜单特效.rar js仿阿里云二级下拉导航菜单特效.rar js仿阿里云二级下拉导航菜单特效.rar js仿阿里云二级下拉导航菜单特效.rar js仿阿里云二级下拉导航...

    js左侧边导航菜鼠标悬停展开二级菜单导航

    "js左侧边导航菜鼠标悬停展开二级菜单导航"这个主题主要涉及到JavaScript技术在实现动态交互效果上的应用，特别是如何通过鼠标悬停事件来控制二级菜单的展开与收起。 JavaScript是一种轻量级的脚本语言，常用于网页...

    jQuery后台左侧三级导航菜单

    三级导航菜单通常包括一级菜单、二级菜单和三级菜单，它们按照层次结构展开。在后台设计中，左侧布局通常用于放置导航菜单，因为它节省空间且符合用户习惯。三级菜单的实现主要涉及以下步骤： 1. **HTML结构**：...

    jQuery制作垂直二级下拉栏目导航菜单特效

    在本主题中，我们将深入探讨如何使用jQuery制作垂直二级下拉栏目导航菜单特效。这个特效能够提升用户体验，使得二级菜单在鼠标悬停时优雅地展现，增强了网站的交互性。 首先，我们来看"index.html"文件，这是网页的...

    橘色超漂亮滑动二级导航菜单

    【橘色超漂亮滑动二级导航菜单】是一种常见的网页设计元素，它在用户交互中扮演着重要的角色。这种设计模式通常用于网站的顶部导航栏，为用户提供清晰、直观的访问路径，尤其适用于拥有多级分类的大型网站。下面将...

    经典二级导航菜单样式.rar

    在JS特效-菜单导航的范畴内，这个经典二级导航菜单样式可能采用了常见的技术，例如使用jQuery库来简化JavaScript代码，或者利用纯JavaScript实现事件监听和DOM操作。在实现过程中，开发者可能使用了CSS3的伪类和过渡...

    美食天下二级导航菜单.zip

    在实际应用中，这个二级导航菜单可能还会涉及到CSS的:hover伪类来触发鼠标悬停时的显示效果，以及JavaScript的事件监听器来控制菜单的展开和收起。此外，为了提高可访问性和SEO优化，还应该确保菜单项具有清晰的文本...

    导航菜单二级导航菜单

    本文将详细介绍如何使用JavaScript创建一个具有二级导航菜单的功能，包括鼠标悬停时的高亮显示、点击展开和收缩子菜单的交互效果。 首先，我们需要创建HTML结构。一个基本的二级导航菜单通常由一级菜单项（主菜单）...

    jquery某企业黑色加橙色下拉二级导航菜单代码下载地址.zip

    【标题】中的“jquery某企业黑色加橙色下拉二级导航菜单代码下载地址.zip”指出，这个压缩包包含了一个使用jQuery实现的企业级黑色背景搭配橙色元素的二级下拉导航菜单的代码。jQuery是一个广泛应用于网页开发的...

    超炫的js横向二级导航菜单slide往下滑动动画效果js代码

    总结来说，这个“超炫的js横向二级导航菜单slide往下滑动动画效果js代码”项目，通过JavaScript和jQuery库，实现了动态、交互式的二级导航菜单。这种设计不仅提升了网页的视觉吸引力，还优化了用户的导航体验。对于...

Magicbox
Global site tag (gtag.js) - Google Analytics