----------代码---------
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:46px;
height:81px;
z-index:1;
left: 16px;
top: 37px;
}
#Layer2 {
position:absolute;
width:87px;
height:79px;
z-index:2;
left: 76px;
top: 34px;
}
#Layer3 {
position:absolute;
width:87px;
height:79px;
z-index:2;
left: 197px;
top: 36px;
}
-->
</style>
</head>
<script>
function ycang(id){
for(i=1;i<=3;i++){
if(eval("id" + i)!=id){
eval("Layer" + i + ".style.display=\"none\";");
//document.getElementById("bg"+i).style.backgroundImage = "url('换背景图片1')";换背景图片
}else{
eval("Layer" + i + ".style.display=\"\";");
//document.getElementById("bg"+i).style.backgroundImage = "url('换背景图片2')";换背景图片
}
}
}
</script>
<body>
<a href="" id="id1" onmouseover="javascript:ycang(this);">asas</a><a href="" id=id2 onmouseover="javascript:ycang(this);">sdfsdfsdf</a><a href="" id=id3 onmouseover="javascript:ycang(this);">sdfsdfsdf</a>
<div id="Layer1" style="display: none">11</div>
<div id="Layer2" style="display: none">22</div>
<div id="Layer3" style="display: none">33</div>
</body>
以前都是用别人的代码的。一，乱，二，难改。今天心情好自己花了5分钟自己写了一个，感觉代码简练又实用 <!--v:3.2-->
分享到：
相关推荐
网页下拉菜单是网页设计中常见的一种交互元素，它能够有效地组织和展示大量链接或功能，提高用户体验。本文将详细探讨三种实现网页下拉菜单的方法：HTML+CSS、JavaScript（原生JS）以及jQuery。 首先，HTML+CSS实现...
### 制作网页下拉菜单的方法 在网页设计与开发领域中，下拉菜单是一种非常实用且常见的导航组件。它不仅能够节省页面空间，还能帮助用户更高效地找到所需的信息或功能。本篇文章将深入探讨一种经典的下拉菜单实现...
网站下拉菜单制作企业网站导航菜单代码.rar 网站下拉菜单制作企业网站导航菜单代码.rar 网站下拉菜单制作企业网站导航菜单代码.rar 网站下拉菜单制作企业网站导航菜单代码.rar 网站下拉菜单制作企业网站导航菜单代码...
在网页设计中，下拉菜单是一种常见的交互元素，它能够有效地组织和展示网站的导航结构。本主题聚焦于使用jQuery和CSS3技术来创建华丽且功能丰富的网站下拉菜单。这两种技术的结合使得菜单不仅具有良好的视觉效果，还...
网页下拉菜单的设计和实现有广泛的应用前景，例如，在电子商务网站、门户网站、博客网站等都可以使用网页下拉菜单来提高用户体验。 七、结论 本文讨论了如何使用CSS、JavaScript和DIV标签来设计和实现网页下拉菜单...
很好用的一个网页下拉菜单，可分级，非常小巧的JS下拉菜单代码，直接插入网相应位置，方便简单。
综上所述，"两级的网页下拉菜单代码"是一个实用的网页设计资源，它结合了美观的圆角风格和流畅的交互体验，对于提升网站用户体验具有积极的作用。开发者可以通过学习和修改这个代码，以适应自己的项目需求。
这个名为“纯CSS3实现的华丽网站下拉菜单导航特效源码”的压缩包文件，显然是一个专门针对网页下拉菜单设计的资源，利用CSS3的强大功能来创建吸引人的导航体验。 首先，我们要理解CSS3下拉菜单的基本概念。下拉菜单...
下拉菜单在网页设计和应用程序开发中是一种常见的交互元素，用于提供多个选择项，并通过点击主菜单项展开显示。在本资源包“下拉菜单集合”中，包含了多种类型的下拉菜单，包括二级和三级下拉菜单，这些设计通常用于...
网页设计中的下拉菜单，尤其是二级菜单，是用户体验的重要组成部分，尤其在构建导航结构复杂的网站时更为关键。这种设计模式允许用户在不离开当前页面的情况下访问更多子页面或功能，提高了交互效率，使得网站的层级...
下拉菜单作为导航菜单的一种常见形式，尤其在内容丰富的网站中，能够有效地节省空间并提供多级分类的访问方式。本文将详细介绍如何制作一个企业网站的下拉导航菜单，以及相关代码实现。 首先，我们要理解下拉菜单的...
jQuery大型网站下拉菜单booNavigation插件是一款专为构建高效且具有视觉吸引力的导航系统而设计的工具。这款插件适用于那些需要展示大量层级结构信息的大型网站，它能够帮助用户轻松地组织和呈现复杂的菜单结构，...
在网页设计中，下拉菜单是一种常见的导航结构，它能够有效地组织和展示网站的多层次信息，提高用户体验。本文将详细探讨“漂亮的下拉菜单导航”的实现及其相关知识点。 首先，我们要明白下拉菜单的基本原理。它通常...
网站后台下拉菜单是网页设计中的一个重要组成部分，它在用户界面中扮演着高效导航的角色。下拉菜单通常出现在顶部导航栏或侧边栏，通过点击一个主菜单项，展开一系列子菜单选项，使得用户能够快速访问深层页面而无需...
在这个名为“超牛的AJAX下拉菜单”的资源中，我们可以看到一个适用于网页和BS（Browser/Server，浏览器/服务器）软件界面的下拉菜单解决方案。 下拉菜单是网页设计中常见的交互元素，常用于导航或选项选择。在本...
【jQuery黄色网站下拉菜单导航代码】是一种常见的网页交互元素，广泛应用于网站设计中，以提供用户友好的导航体验。jQuery库是JavaScript的一个强大扩展，它简化了DOM操作、事件处理、动画效果以及Ajax交互等任务，...
在网页设计中，下拉菜单是一种常见的导航结构，它能够有效地组织和展示网站的层级结构。本资源"纯CSS3制作华丽网站下拉菜单.zip"着重于利用纯CSS3技术来实现这种效果，无需依赖JavaScript或者jQuery等额外的库。CSS3...
在网页设计中，交互性和用户体验是非常重要的因素，而下拉菜单是提高用户导航效率的常见设计元素。jQuery作为一款强大的JavaScript库，提供了丰富的功能来实现动态、交互式的页面效果，其中包括多级下拉菜单的创建。...